Variable ENV, Lexical ENV, Closures và Execution context

Question

Trong Javascript, nếu làm việc với Closures thường xuyên thì chắc hẳn là ai cũng phải nghe đến 1 trong 2 thuật ngữ như : Lexical ENV và Variable ENV, thậm chí là kể cả Execution Context vì nó khá q...

Accepted Answer

😉 Trước khi trả lời, ta cần hiểu rõ mọi thuật ngữ, mình giải thích đơn giản như sau:
* **Lexical Environment** : Ngữ cảnh khi 1 hàm được tạo ra, bao gồm 2 thông tin

* **Environment Record** : lưu trữ các biến và hàm được khai báo trong ngữ cảnh
    * **Outer Lexical Environment Reference** : tham chiếu tới 1 ngữ cảnh Lexical khác ở bên ngoài
* **Variable Environment** : Là 1 phần của Lexical Enviroment, nơi lưu trữ các biến được khai báo. (Gần giống Environment Record)
* **Execution Context** :  bao gồm mọi thứ cần thiết để thực thi mã **JavaScript** tại một thời điểm nhất định. Một Context bao gồm.

*  **Variable Environment** : Lưu các biến tạo ra trong hàm hoặc khối lệnh khi thực thi
    * **Lexical Environment** : Như đã nói ở trên

😀 Nếu bạn đã hiểu các định nghĩa trên, ta hãy tham khảo ví dụ sau :
```js
const funcHandle = () => {
  // "funcHandle Lexical Environment" được tạo ra
  // - Environment Record là a và temp
  // - Outer Lexical Environment Reference : Global Lexical Environment
  let a = 0;

const temp = () => {
    // "temp Lexical Environment" được tạo ra
    // - Environment Record là c
    // - Outer Lexical Environment Reference : funcHandle Lexical Environment
    let c = 0;

// +1 cho 2 biến và in ra
    console.log(++a, ++c);
  };
  
  return temp;
};

const run = funcHandle();
run(); // kết quả 1,1
run(); // kết quả 2,1
run(); // kết quả 3,1
```
Qua ví dụ trên, ta hiểu khi hàm **temp** được tạo, nó sẽ liên kết với **Lexical Enviroment** của hàm **funcHandle**.

Nên khi **temp** được đại diện bởi **run**, theo nguyên tắc **Garbage Collector** sẽ không thể pop **Lexical Enviroment** của **temp** (trong đó có biến **a**) bởi vì nó vẫn còn được tham chiếu tại biến **run**.

Và khi **run** được chạy, đồng nghĩa việc chạy **temp**, **Execution Context** sẽ được tạo mới, đồng nghĩa **Environment Variable** cũng phải được làm mới (tạo mới **c**), chỉ có mỗi **funcHandle Lexical Environment** vẫn còn được giữ nguyên và tái sử dụng, và đây chính là nguyên tắc hoạt động của **Closures** khi có thể tái sử dụng lại **Lexical Enviroment** tại nơi mà nó được tạo ra. 👍️

🚀 Kết luận: Câu trả lời cho câu hỏi của bạn là: **Closures** làm việc dựa trên **Lexical Environment** chứ không phải **Variable Environment**. Bởi **Lexical Environment** là tiêu điểm khi có thể tái sử dụng được, trong khi **Environment Variable** luôn được tạo mới mỗi khi **Execution Context** được tạo và khởi chạy.

👌Happy coding !!!

1 CÂU TRẢ LỜI