對象的defineProperty方法

作用: 設置對象屬性的值,或者修改對象屬性的值,並且返回該對象。

Object.defineProperty(obj, prop, descriptor)
  • obj: 對象名稱
  • prop: 要設置的屬性名
  • descriptor: 將被定義或修改的屬性描述符,該參數是一個對象,該對象常見設置四個屬性的值。
    1.  value:屬性對應的值
    2. writeable:該屬性是否可以被重寫。
    3. configurable:控制第三個參數對象中其他的屬性是否能改變,只有爲true 的時候,其他值(value ,writeable,enumerable)的值才能被改變,對象的該屬性才能被刪除。
    4. enumerable:只有該值爲 true 的時候該屬性才能被枚舉出來。
<script>
    var obj = { name: '123', age: 18 }
    Object.defineProperty(obj, 'name', {
      value: 'zs',
      writable: false,
      configurable: true,
      enumerable: false
    })
    console.log(obj) // {age: 18, name: "zs"}

    // 如果對象設置了defineProperty,只有在 writable 的值爲 true 的時候才能通過 點 的方式修改屬性值
    obj.name = 'hhh'
    console.log(obj) // {age: 18, name: "zs"}

    // 如果對象設置了defineProperty,只有在 configurable 的值爲 true 才能刪除該屬性
    delete obj.name
    console.log(obj) // {age: 18}

    // 如果對象設置了defineProperty,只有在 configurable 的值爲 true 才能通過 value 方式重新賦值
    bject.defineProperty(obj, 'name', {
      value: 'hhh'
    })
    console.log(obj) // {age: 18, name: "hhh"}

    // 只有當 enumerable 爲true 的時候才能被枚舉出來
    console.log(Object.keys(obj)) // ["age"]
  </script>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章