当前位置: 首页 > Web前端 > HTML

问题43:如何使用ES5和ES6监听对象属性的变化?

时间:2023-04-02 22:06:04 HTML

使用ES5的Object.defineProperty实现letstudent={};letage=undefined;Object.defineProperty(student,'age',{get:function(){//获取该属性时触发returnage;},set:function(val){//触发器age=val;}});student.age=20;console.log(student.age);//20使用ES6Proxy实现letstudent=newProxy({},{get:(obj,prop)=>{//triggerreturnobj[prop];},set:(obj,prop,value)=>{//设置属性值Triggerobj[prop]=value;returntrue;}});学生年龄=20;控制台日志(学生年龄);//20篇内容/灵感借鉴自下面内容【持续维护/更新500+前端面试题/笔记】https://github.com/noxussj/In...【大数据可视化图表插件]https://www.npmjs.com/package...[使用THREE.JS实现3D城市建模(珠海市)]https://3d.noxussj.top/