對象的defineProperty方法

作用： 設(shè)置對象屬性的值，或者修改對象屬性的值，并且返回該對象。

Object.defineProperty(obj, prop, descriptor)

• obj： 對象名稱
• prop： 要設(shè)置的屬性名
• descriptor： 將被定義或修改的屬性描述符，該參數(shù)是一個對象，該對象常見設(shè)置四個屬性的值。

  1.  value：屬性對應(yīng)的值
  2. writeable：該屬性是否可以被重寫。
  3. configurable：控制第三個參數(shù)對象中其他的屬性是否能改變，只有為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"}

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

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

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

    // 只有當(dāng) enumerable 為true 的時候才能被枚舉出來
    console.log(Object.keys(obj)) // ["age"]
  </script>