（2）Vue-理解 Object.defineProperty

人生海海~

已于 2022-02-13 10:57:47 修改

阅读量145

点赞数

分类专栏： Vue 文章标签： vue.js javascript 前端

于 2022-02-13 10:57:19 首次发布

本文链接：https://blog.csdn.net/lihuihui01/article/details/122906338

版权

Vue 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
  <script type="text/javascript">
    let num = 18
    let person = {
      name:'zhangsan',
      sex:'男'
    }

    Object.defineProperty(person,'age',{
      // value:18,
      // //控制属性是否可以被枚举，默认false
      // enumerable:true,
      // //控制属性是否可以被修改，默认false
      // writable:true,
      // //控制属性是否可以被删除，默认false
      // configurable:true

      //当有人读取person的age属性时，get函数就会被调用，切返回值就是get的值
      get() {
        return num
      },
      //当有人修改person的age属性时，set函数就会被调用，切会收到具体值
      set(value){
        console.log('修改了value的值',value)
        num = value
      }
    })
    for (let personKey in person) {
      console.log(person[personKey])
    }
    console.log(person)
  </script>
</body>
</html>