Cách các Từ khóa let, const và var hoạt động trong JavaScript – sử dụng let in javascript

Cách sử dụng các biến JavaScript trong phạm vi khối

Nếu bạn không muốn một biến được khai báo bên trong khối {} được truy cập bên ngoài khối, bạn cần khai báo chúng bằng cách sử dụng let hoặc từ khóa const . Các biến được khai báo với từ khóa var bên trong khối {} cũng có thể truy cập được bên ngoài khối. Vì vậy, hãy cẩn thận.

Hãy lấy một ví dụ:

  {
    let f_name = 'Alex';
    const ZIP = 500067;
    var tuổi = 25;
}

console.log (f_name); // Uncaught ReferenceError: f_name không được định nghĩa
console.log (ZIP); // Uncaught ReferenceError: ZIP không được xác định
console.log (tuổi); // 25  

Như bạn thấy, giá trị của biến độ tuổi có thể vô tình bị ghi đè và cuối cùng tạo ra một lỗi. Vì vậy, đạo lý của câu chuyện là,

Không sử dụng từ khóa var bên trong một khối (phạm vi khối). Luôn sử dụng let và const .

Cách sử dụng Biến JavaScript trong phạm vi chức năng

Một biến được khai báo bên trong một hàm bằng các từ khóa này không có thể truy cập được bên ngoài hàm. Đó là phạm vi chức năng được áp dụng.

Bất kể bạn sử dụng var, let hay const. Bên trong hàm, chúng khá giống nhau trong việc quản lý phạm vi của một biến.

Hãy lấy lại một ví dụ:

  // f1 () là một chức năng

hàm f1 () {
 let f_name = "Alex";
 const ZIP = 560089;
 var tuổi = 25;
}

f1 ();

console.log (f_name); // Uncaught ReferenceError: f_name không được định nghĩa
console.log (ZIP); // Uncaught ReferenceError: ZIP không được xác định
console.log (tuổi); // Uncaught ReferenceError: age không được định nghĩa  

Như bạn thấy ở trên, không có biến nào có thể truy cập được bên ngoài hàm, thậm chí cả age được khai báo bằng cách sử dụng var . Vì vậy, kết luận là,

Không thể truy cập biến được khai báo bằng var bên trong một hàm bên ngoài nó. Từ khóa var có phạm vi chức năng.

Cách sử dụng biến JavaScript trong phạm vi toàn cầu < / h3>

Các biến được khai báo bên ngoài bất kỳ hàm và khối nào đều là global và được cho là có Global Scope . Điều này có nghĩa là bạn có thể truy cập chúng từ bất kỳ phần nào của chương trình JavaScript hiện tại.

Bạn có thể sử dụng var , let và const để khai báo các biến toàn cục. Nhưng bạn không nên làm điều đó quá thường xuyên.

  let f_name = "Alex";
 const ZIP = 560089;
 var tuổi = 25;

// f1 () là một hàm
hàm f1 () {
  console.log (f_name); // Alex
  console.log (ZIP); // 560089
  console.log (tuổi); // 25
}

f1 ();

console.log (f_name); // Alex
console.log (ZIP); // 560089
console.log (tuổi); // 25  

Như bạn thấy, các biến có thể truy cập ở mọi nơi.

Vì vậy, để hạn chế phạm vi của một biến bằng cách sử dụng các từ khóa var , let và const , đây là thứ tự khả năng truy cập trong phạm vi bắt đầu bằng mức thấp nhất:

• var : Mức phạm vi chức năng
• let : Khối cấp phạm vi
• const : Cấp phạm vi khối

Hình ảnh bên dưới hiển thị sơ đồ tư duy của ba từ khóa này với tham chiếu đến các phạm vi khác nhau. < / p>

Hãy chuyển sang khái niệm tiếp theo để hiểu ba từ khóa này ảnh hưởng như thế nào đến hành vi của mã khi chúng tôi gán lại giá trị mới cho một biến.

Cách Gán lại Giá trị Mới cho Biến trong JavaScript

Khi bạn đã khai báo một biến với var hoặc let , bạn có thể gán lại giá trị mới cho biến thể trong quy trình lập trình của bạn. Có thể thực hiện được nếu biến có thể truy cập được để gán giá trị. Nhưng với const , bạn không thể gán lại giá trị mới.

  // Khai báo các biến với các giá trị ban đầu
let f_name = "Alex";
const ZIP = 560089;
var tuổi = 25;

// Gán lại giá trị
f_name = "Bob"; // giá trị f_name là 'Bob "
ZIP = 65457; // Uncaught TypeError: Gán cho biến hằng.
tuổi = 78; // giá trị tuổi là 78 ​​ 

  const blog = {
    'url': 'https://greenovic.info'
}

blog.url = 'https://blog.greenTHER.info "; // Được phép

blog = {}; // Uncaught TypeError: Gán cho biến hằng số.