javascript - 我试图更好地理解 `this` 的用法。该示例很冗长，但其目的是为了更好地理解

Question

这个问题已经有答案了:

Do let statements create properties on the global object? (5 个回答)

why don't const and let statements get defined on the window object [duplicate] (2 个回答)

已关闭 4 年前。

我正在尝试更好地理解 this 的用法。在试验这段代码时，我发现我可以访问 arr 中的项目。通过使用类似console.log(this.arr[4])的东西，但前提是 arr使用 var 声明。如果我声明arr使用let或const ，我收到一个类型错误。

首先，我确实知道这很冗长。就像我说的，我只是在尝试更好地理解，并遇到了这个激起我好奇心的问题。

const arr = [
  1,
  false,
  {
    name: 'John',
    address: '123 Peachtree Drive'
  },
  function(name = 'new user') {
    const greeting = 'Hello there, '
    console.log(greeting + name)
  },
  'foo',
]

console.log(this.arr[4])

同样，如果我简单地声明 arr使用var而不是let我可以很好地记录它。

Answer 1

在浏览器中，顶级 this 是 window，顶级 var 声明还使变量可以作为 的属性进行访问>window，而 let 和 const 则不然。引用arr的正确方法很简单

console.log(arr[4])

我不鼓励您使用顶级 this 来访问 var 声明，因为依赖于 var 行为的代码是显然令人困惑，因为这个案例就是一个完美的例子。