Object.defineProperty、回调函数、数组方法

半夜删你代码·

已于 2022-07-22 13:49:20 修改

阅读量248

点赞数

文章标签： javascript 前端 vue.js

于 2022-07-18 20:58:49 首次发布

本文链接：https://blog.csdn.net/m0_60376759/article/details/125860127

版权

<body>
  <script>
    // Object.defineProperty是一个方法（函数）
    // 函数三要素：功能 参数 返回值
    // 功能：给对象添加或者修改属性，让这个属性是响应式的（这个属性改变引起其它的改变）

    let obj = {
      firstName:'zhao',
      lastName:'liying'
    }
    
    // 下面这样的写法写死了，不是响应式的属性
    // obj.fullName = 'zhao-liying'
    // console.log(obj);

    // obj.fullName = 'liu-yifei'
    // console.log(obj);

    Object.defineProperty(obj,'fullName',{
      get(){
        return this.firstName + '-' + this.lastName
      },
      set(val){
        let arr = val.split('-')
        this.firstName = arr[0]
        this.lastName = arr[1]
      }
    })

    console.log(obj.fullName);
    obj.fullName = 'liu-yifei'
    console.log(obj);


    // 数据代理
    let data = {
      msg:'我爱你赵丽颖'
    }

    let vm = {

    }

    Object.defineProperty(vm,'msg',{
      get(){
        return data.msg
      },
      set(val){
        data.msg = val
      }
    })

    console.log(vm);
    console.log(vm.msg);

  </script>
</body>

函数和函数对象

函数就是函数，我们定义的时候都叫函数

函数在使用的时候是加() 使用我们称之为函数

函数如果是加.使用，那么我们就称之为函数对象

函数和构造函数

函数在使用的时候才会区分函数（普通函数调用）和构造函数（构造函数调用）

如果函数直接加() 就叫普通函数调用

如果函数加 new+() 就叫构造函数调用

配置对象：键名不能更改值可以改变的对象

回调函数

1.自己定义的没有调用但是最后执行了
2.事件源（浏览器控制事件源）调用回调函数
3.浏览器会把这一次触发的事件封装成对象传过去
4.高阶函数里面传递的也是回调函数

同步回调
结果出现在函数调用之后（数组方法，map..）

异步回调
结果出现在函数调用之前（setTomeout）

对象调用时、父子的方法不能互相调用，子想用其必须通过父原型对象添加

半夜删你代码·

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Object.defineProperty、回调函数、数组方法

函数在使用的时候才会区分函数（普通函数调用）和构造函数（构造函数调用）函数在使用的时候是加()使用我们称之为函数。函数如果是加.使用，那么我们就称之为函数对象。如果函数加new+()就叫构造函数调用。3.浏览器会把这一次触发的事件封装成对象传过去。结果出现在函数调用之后（数组方法，map..）结果出现在函数调用之前（setTomeout）函数就是函数，我们定义的时候都叫函数。如果函数直接加()就叫普通函数调用。2.事件源（浏览器控制事件源）调用回调函数。4.高阶函数里面传递的也是回调函数。......
复制链接

扫一扫