Biến Cục Bộ Bộ Đếm trong JavaScript

Hãy xem xét đoạn mã sau:

javascriptfunction test() {
  let num = 1;
  
  return function() {
    console.log(num);
    num++;
  };
}

test()(); // sẽ hiển thị 1
test()(); // sẽ hiển thị 1

Tại sao luôn hiển thị số 1? Để hiểu điều này, hãy viết lại mã của chúng ta theo cách khác:

javascriptfunction test() {
  let num = 1;
  
  return function() {
    console.log(num);
    num++;
  };
};

let func1 = test(); //!! hàm đầu tiên
func1();  //sẽ hiển thị 1

let func2 = test(); //!! hàm thứ hai
func2();  //sẽ hiển thị 1

Tức là mỗi lệnh gọi hàm test theo cách này: test()(), đều tạo ra một hàm riêng với closure của nó và ngay lập tức gọi hàm đó.

javascriptfunction func() {
  let num = 0;
  
  return function() {
    console.log(num);
    num++;
  };
}

func()();
func()();
func()();

javascriptfunction func() {
  let num = 0;
  
  return function() {
    console.log(num);
    num++;
  };
}

let test = func;

test()();
test()();
test()();