Object.defineProperty、回调函数、数组方法
<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)
数组方法