javascript - var, const, let, window.prop 与 Object.defineProperty之间有什么区别?
我想大声告诉你
我想大声告诉你 2017-06-28 09:28:46
0
2
847

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

  • 变量定义

<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
我想大声告诉你
我想大声告诉你

全部回复(2)
代言

let 有独立作用域的

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

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

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

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

曾经蜡笔没有小新

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

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

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板