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

问题描述

变量定义

<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,51 undefined undefined 4 5

重复声明

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

<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 declared1

问题解答

let 有独立作用域的

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

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

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

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

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

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

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