JavaScript中的“ let”和“ this”有什么区别？

问题描述

我正在学习来自Ruby的JavaScript，他们也在C语言中做了一些工作。我阅读的一个例子是：

function letCounter() {
  let counter = 0;

  return () => ++counter;
}

并与

进行比较

function thisCounter() {
  this._count = 0;
}

thisCounter.prototype.fire = function() {
  this._count ++;
  return this._count;
}

在第一个示例中，无法在letCounter的实例上访问该计数：

let let_counter_ins = letCounter();
let_counter_ins.counter // <- undefined

在第二个例子中，〜我认为〜是函数本身所有实例的属性吗？

let this_counter_ins = new thisCounter();
this_counter_ins.count  // <- 0

似乎JavaScript中的函数可以具有“状态”（对console.log(let_counter_ins())的调用将使计数器不断递增，而不是从0开始）。但是，用let设置的“状态”与用this设置的“状态”有何不同？似乎letCounter和thisCounter的实例都在跟踪某个计数器，但是如何访问它却有所不同？试图了解使用this与let设置函数属性之间的区别以及为什么其中之一可以在外部使用。

解决方法

在第一个代码中，初始化了局部变量counter，然后返回的函数对变量进行了封闭（在“闭包”中）。该值仅存在于函数的本地范围内-在词法环境中，函数完成后，只能通过() => ++counter进行引用。除了通过闭包可能（也可能没有）返回或使用故意暴露其内容的方法之外，无法直接观察闭包的内容。

每次调用letCounter都会为counter创建一个新的绑定，为其创建一个新的词法环境，以及一个新的闭包，因此letCounter的单独调用将导致单独的计数被跟踪。

在第二个代码中，对于this，counter不是局部变量，而是实例对象的常规属性。对象属性是完全公共的（除了我将不会使用的极新的#私有成员语法之外），因此包括thisCounter.prototype.fire和外部代码在内的所有内容都可以访问this.counter（其中this引用实例）或this_counter_ins.count（其中this_counter_ins引用实例）并获取对象上的当前值。

,

let用于声明仅在其父方括号内作用域的变量。 （在方括号外不可见）

这是完全不同的。 它代表拥有实际方法的对象。