javascript - var, const, let, window.prop 與 Object.defineProperty有何不同?
我想大声告诉你
我想大声告诉你 2017-06-28 09:28:46
0
2
806

求大神解釋一下下面範例的原因:

  • 變數定義

<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,和他們共同誕生的有一個塊級作用域,就是說他們定義的只會在當前塊級作用域,不會被其他地方訪問到。

然後最後一個提示被佔用,我覺得可以這樣來解釋

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!