javascript - var, const, let, window.prop 与 Object.defineProperty之间有什么区别？

Question

求大神解释一下下面示例的原因：

• 变量定义

<script>
  var a = 1
  let b = 2
  const c = 3
  window.d = 4
  Object.defineProperty(window, 'e', {
    value: 5
  })
  console.log(a, b, c, d, e)
  console.log(window.a, window.b, window.c, window.d, window.e)
</script>
输出：
1,2,3,4,5
1 undefined undefined 4 5

• 重复声明

<script>
  Object.defineProperty(window, 'a', {
    value: 1,
    writable: false
  })
  let a = 2
  console.log(a)
  console.log(window.a)
</script>
输出：
2
1

<script>
  Object.defineProperty(window, 'a', {
    value: 1
  })
</script>
<script>
  let a = 2
  console.log(a)
</script>
<script>
  console.log(a)
</script>
输出：
Uncaught SyntaxError: Identifier 'a' has already been declared
1

Answer 1

let 有独立作用域的

const 声明一个只读的常量、一旦声明，常量的值就不能改变。

全局的var会赋值给window、（这可能是你不想要的）

window属性赋值是很常见的做法、只不过赋值对象是window

Object.defineProperty可以设置setter和getter方法、
或者让他不可修改、甚至可以不让他变成对象的枚举

Answer 2

js里面Global这一级别就是window对象。所以a可以在window上访问到，d直接就在window上赋值的也可以访问到。e也是绑到了window上。

let和const这两个呢，属于ES2015，和他们共同诞生的有一个块级作用域，就是说他们定义的只会在当前块级作用域，不会被其他地方访问到。

然后最后一个提示被占用，我觉得可以这样来解释