Xin chào các bạn 😀, dưới đây là các bài viết giúp các bạn học JavaScript mà mình đã dành thời gian tìm hiểu, thực thi và kết lại được. Hy vọng các bài viết hướng dẫn dưới đây sẽ giúp ích cho các bạn khi học JavaScript 😁
Luồng điều khiển trong JavaScript
Xử lý lỗi JavaScript
Updating thêm
- ES6 có thể khai báo giá trị cho một biến bằng cách sử dụng.
var x = 10; function myFnc[]{ var y = x + 5 /* y được khai báo trong Function */ console.log[y]; /* output: 15, y chỉ có ảnh hưởng bên trong Function */ } console.log[y]; /* output: Error */ myFnc[];
8,var x = 10; function myFnc[]{ var y = x + 5 /* y được khai báo trong Function */ console.log[y]; /* output: 15, y chỉ có ảnh hưởng bên trong Function */ } console.log[y]; /* output: Error */ myFnc[];
9,var x = 10; function myFnc[]{ var y = x + 5 /* y được khai báo trong Function */ console.log[y]; /* output: 15, y chỉ có ảnh hưởng bên trong Function */ } console.log[y]; /* output: Error */ myFnc[];
0. Tùy vào điều kiện cụ thể mà sử dụng cách khai báo để phù hợpvar x = 10; function myFnc[]{ var y = x + 5 /* y được khai báo trong Function */ console.log[y]; /* output: 15, y chỉ có ảnh hưởng bên trong Function */ } console.log[y]; /* output: Error */ myFnc[];
8 đã có từ các phiên bản Javascript trước đây, tuyên bố có 2 dạng toàn cục - global [ảnh hưởng mọi nơi] và địa phương - local [chỉ ảnh hưởng bên trong chức năng]var x = 10; function myFnc[]{ var y = x + 5 /* y được khai báo trong Function */ console.log[y]; /* output: 15, y chỉ có ảnh hưởng bên trong Function */ } console.log[y]; /* output: Error */ myFnc[];
9 có từ phiên bản ES6, sử dụng nhưvar x = 10; function myFnc[]{ var y = x + 5 /* y được khai báo trong Function */ console.log[y]; /* output: 15, y chỉ có ảnh hưởng bên trong Function */ } console.log[y]; /* output: Error */ myFnc[];
8, tuy nhiên có tác dụng phạm vi bên trong một khối [như bên trong câu điều kiện if, loop for,. ]var x = 10; function myFnc[]{ var y = x + 5 /* y được khai báo trong Function */ console.log[y]; /* output: 15, y chỉ có ảnh hưởng bên trong Function */ } console.log[y]; /* output: Error */ myFnc[];
0 sử dụng nhưvar x = 10; function myFnc[]{ var y = x + 5 /* y được khai báo trong Function */ console.log[y]; /* output: 15, y chỉ có ảnh hưởng bên trong Function */ } console.log[y]; /* output: Error */ myFnc[];
9, tuy nhiênvar x = 10; function myFnc[]{ var y = x + 5 /* y được khai báo trong Function */ console.log[y]; /* output: 15, y chỉ có ảnh hưởng bên trong Function */ } console.log[y]; /* output: Error */ myFnc[];
0 có giá trị không thay đổi trong suốt ứng dụng
- To learn more than about
var x = 10; function myFnc[]{ var y = x + 5 /* y được khai báo trong Function */ console.log[y]; /* output: 15, y chỉ có ảnh hưởng bên trong Function */ } console.log[y]; /* output: Error */ myFnc[];
8,var x = 10; function myFnc[]{ var y = x + 5 /* y được khai báo trong Function */ console.log[y]; /* output: 15, y chỉ có ảnh hưởng bên trong Function */ } console.log[y]; /* output: Error */ myFnc[];
9,var x = 10; function myFnc[]{ var y = x + 5 /* y được khai báo trong Function */ console.log[y]; /* output: 15, y chỉ có ảnh hưởng bên trong Function */ } console.log[y]; /* output: Error */ myFnc[];
0 ta xem các trường hợp bên dưới nhé
ES6 khai báo giá trị với var
Khai báo toàn cục
Biến được khai báo sẽ ảnh hưởng trong toàn bộ ứng dụng
var x = 10; function myFnc[]{ console.log[x]; /* output: 10, x có ảnh hưởng tới Function */ } console.log[x]; /* output: 10, x có ảnh hưởng khắp nơi */ myFnc[];
- View results. nhấn F12, chọn Bảng điều khiển
- Ta thấy
var x = 10; function myFnc[]{ var y = x + 5 /* y được khai báo trong Function */ console.log[y]; /* output: 15, y chỉ có ảnh hưởng bên trong Function */ } console.log[y]; /* output: Error */ myFnc[];
8 ảnh hưởng cả bên trong và bên ngoài chức năng
Khai báo địa phương
Biến được khai báo chỉ ảnh hưởng trong chức năng được khai báo
var x = 10; function myFnc[]{ var y = x + 5 /* y được khai báo trong Function */ console.log[y]; /* output: 15, y chỉ có ảnh hưởng bên trong Function */ } console.log[y]; /* output: Error */ myFnc[];
- Ta thấy
var x = 10; function myFnc[]{ var y = x + 5 /* y được khai báo trong Function */ console.log[y]; /* output: 15, y chỉ có ảnh hưởng bên trong Function */ } console.log[y]; /* output: Error */ myFnc[];
9 được khai báo bên trong chức năng nên chỉ ảnh hưởng bên trong chức năng, nếu sử dụng bên ngoài sẽ báo lỗi
ES6 tuyên bố giá trị với let
Để hiểu rõ, trước tiên ta xem xét
var x = 10; function myFnc[]{ var y = x + 5 /* y được khai báo trong Function */ console.log[y]; /* output: 15, y chỉ có ảnh hưởng bên trong Function */ } console.log[y]; /* output: Error */ myFnc[];8 bên trong câu điều kiện
var x = 10; if [x === 10] { var x = 20; /* x được gán giá trị mới là 20 */ console.log[x]; /* output: 20 */ } console.log[x]; /* output: 20 */1
var with block [khối]
var x = 10; if [x === 10] { var x = 20; /* x được gán giá trị mới là 20 */ console.log[x]; /* output: 20 */ } console.log[x]; /* output: 20 */
var x = 10; function myFnc[]{ var y = x + 5 /* y được khai báo trong Function */ console.log[y]; /* output: 15, y chỉ có ảnh hưởng bên trong Function */ } console.log[y]; /* output: Error */ myFnc[];
8 bên trong câu điều kiệnvar x = 10; if [x === 10] { var x = 20; /* x được gán giá trị mới là 20 */ console.log[x]; /* output: 20 */ } console.log[x]; /* output: 20 */
1 sẽ cho kết quả 20var x = 10; function myFnc[]{ var y = x + 5 /* y được khai báo trong Function */ console.log[y]; /* output: 15, y chỉ có ảnh hưởng bên trong Function */ } console.log[y]; /* output: Error */ myFnc[];
8 bên ngoàivar x = 10; if [x === 10] { var x = 20; /* x được gán giá trị mới là 20 */ console.log[x]; /* output: 20 */ } console.log[x]; /* output: 20 */
1 sẽ ảnh hưởng đến kết quả từ bên trongvar x = 10; if [x === 10] { var x = 20; /* x được gán giá trị mới là 20 */ console.log[x]; /* output: 20 */ } console.log[x]; /* output: 20 */
1 nên cũng cho kết quả 20
let with block [khối]
var x = 10; function myFnc[]{ var y = x + 5 /* y được khai báo trong Function */ console.log[y]; /* output: 15, y chỉ có ảnh hưởng bên trong Function */ } console.log[y]; /* output: Error */ myFnc[];1
var x = 10; function myFnc[]{ var y = x + 5 /* y được khai báo trong Function */ console.log[y]; /* output: 15, y chỉ có ảnh hưởng bên trong Function */ } console.log[y]; /* output: Error */ myFnc[];
8 bên trong câu điều kiệnvar x = 10; if [x === 10] { var x = 20; /* x được gán giá trị mới là 20 */ console.log[x]; /* output: 20 */ } console.log[x]; /* output: 20 */
1 sẽ cho kết quả riêng là 20- Bên ngoài
var x = 10; function myFnc[]{ var y = x + 5 /* y được khai báo trong Function */ console.log[y]; /* output: 15, y chỉ có ảnh hưởng bên trong Function */ } console.log[y]; /* output: Error */ myFnc[];
8var x = 10; if [x === 10] { var x = 20; /* x được gán giá trị mới là 20 */ console.log[x]; /* output: 20 */ } console.log[x]; /* output: 20 */
1 sẽ cho kết quả riêng [được gán ban đầu] là 10
ES6 khai báo giá trị với const
Sử dụng menu đơn giản như sau
var x = 10; function myFnc[]{ var y = x + 5 /* y được khai báo trong Function */ console.log[y]; /* output: 15, y chỉ có ảnh hưởng bên trong Function */ } console.log[y]; /* output: Error */ myFnc[];6
Tuy nhiên, nếu đặt lại const tương tự sẽ báo lỗi
var x = 10; function myFnc[]{ var y = x + 5 /* y được khai báo trong Function */ console.log[y]; /* output: 15, y chỉ có ảnh hưởng bên trong Function */ } console.log[y]; /* output: Error */ myFnc[];7
var x = 10; function myFnc[]{ var y = x + 5 /* y được khai báo trong Function */ console.log[y]; /* output: 15, y chỉ có ảnh hưởng bên trong Function */ } console.log[y]; /* output: Error */ myFnc[];
0 chỉ mang duy nhất một giá trị, nếu giá trị thay đổi sẽ báo lỗi