第 43 题（如何使用 ES5、ES6 实现监听对象属性的改变（）） html

利用 ES5 的 Object.defineProperty 实现

let student = {}; let age = undefined; Object.defineProperty(student, 'age', { get: function() { // 获取该属性时触发 return age; }, set: function(val) { // 设置该属性值时触发age = val; } }); student.age = 20; console.log(student.age); // 20

利用 ES6 的 Proxy 实现

let student = new Proxy( {}, { get: (obj, prop) => { // 获取该属性时触发return obj[prop]; }, set: (obj, prop, value) => { // 设置该属性值时触发obj[prop] = value; return true; } } ); student.age = 20; console.log(student.age); // 20

文章的内容/灵感都从下方内容中借鉴