Hướng dẫn các cách khai báo biến trong javascript mới nhất 2020

Từ trước tới giờ, đủ sức bạn đã quen dùng var để khai báo biến trong JavaScript. không những thế, từ phiên bản ES6, bạn có thêm một sự chọn nữa là let. Vậy let giống và khác var giống như thế nào? bài viết này sẽ giúp bạn phân biệt var và let trong JavaScript. Qua đó, bạn biết mẹo dùng chúng sao cho thích hợp nhất.

Giống nhau

• Var và let đều là từ khoá – từ khóa.
• Var và let cùng được dùng để khai báo biến trong JavaScript

khác nhau

• Phạm vi của biến số sử dụng var là phạm vi hàm số hoặc bên ngoài hàm số, toàn cục.
• Phạm vi của biến số dùng let là phạm vi một khối, định hình bởi cặp {}

ví dụ phân biệt var và let

functionvarvslet() 
  console.log(i); // i is undefined due to hoistingconsole.log(j); // ReferenceError: j is not definedfor( var i =0; i <3; i++ ) 
    console.log("i inside ", i); // 0, 1, 2;

  console.log("i outside ", i); // 3console.log(j); // ReferenceError: j is not definedfor( let j =0; j <3; j++ ) 
    console.log("j inside ", j); // 0, 1, 2;

  console.log("i outside ", i); // 3console.log("j outside ", j); // ReferenceError: j is not definedvarvslet();

• Let: trong gợi ý trên biến j được khai báo dùng let. Bạn đủ nội lực thấy rằng biến j chỉ được phép dùng trong vòng lặp for. Nếu bạn gọi biến j ngoài vòng lặp for thì đều bị lỗi ReferenceError: j is not defined.
• Var: phạm vi của biến var là phạm vi của hàm số chứa phần khai báo biến. do vậy, mặc dù biến i được khai báo trong vòng lặp for, nhưng bạn vẫn đủ sức gọi đến biến i ở mọi vị trí trong hàm số này. Lúc đầu, trị giá của biến i là undefined, nên khi bạn gọi console.log(i) lần trước nhất, giá trị in ra là undefined chứ không phải là lỗi ReferenceError: i is not defined.

Nên sử dụng var hay let?

Câu trả lời là cả hai. Mặc dù, việc dùng let có vẻ giống với việc khai báo biến trong c/c++. ngoài ra, trong nhiều trường hợp, việc dùng var giúp code ngắn gọn hơn.

Hy vọng qua bài viết ngắn gọn này bạn đủ nội lực phân biệt var và let trong JavaScript.

Xem thêm: Hướng dẫn các cách làm video đại diện trên facebook mới nhất 2020

Cuối cùng, hẹn gặp lại bạn trong bài viết tiếp theo, thân ái!

Nguồn: internet.com