脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-JavaScript֮Reflect，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。
拦截对target对象的propertyKey属性的读取，返回这个属性的值。
参数一是被访问的对象； 参数二是属性名； 参数三当遇见getter时，将getter的this指向他参数一和参数二好理解，如代码：
let target = { _test: 1, get test() { return this._test; } }; Reflect.get(target, "_test"); //1 Reflect.get(target, "test"); //1 参数三比较特殊，当遇见getter时，getter的this将指向他。下面代码可以很好的体现这一点：
let receiver = {_test: 2} let target = { _test: 1, get test() { console.LOG(this === target, this === receiver); return this._test; } }; Reflect.get(target, "test", receiver); // false true // 2 target.test; // true false // 1 通过Reflect.get调用时（且有第三个参数），this指向参数三；
当通过target.test调用时，this指向对象本身；
Reflect.set(target, propertyKey, value[, receiver])
如果理解Reflect.get了，那么理解Reflect.set自然也很简单了。
参数一是目标对象； 参数二是属性名； 参数三是要设置的值； 参数四是遇见setter时，this指向的目标； 返回值是是否设置成功，成功则为true，报错为false；如代码：
let receiver = {_test: 2}; let target = { _test: 1, get test() { return this._test; }, set test(val) { this._test = val; } }; Reflect.set(target, "test", "a"); //true target.test; //"a" //修改setter的this指向目标 Reflect.set(target, "test", "b", receiver); //true target.test; //"a" receiver._test; //"b" //修改被禁止修改的属性 Object.defineProperty(target, "test", { value: 1 }); Reflect.set(target, "test", "a"); //false target.test; //1 观察者模式是结合了Proxy代理以及Reflect实现的，重点是Proxy。
我这里对阮一峰给的示例代码略有修改，并添加注释，以示使用方法：
//存储观察者函数，用数组也可以 const queuedObservers = new Set(); // const queuedObservers = []; //定义observe函数，执行本函数会将观察者函数添加到queuedObservers中，返回的是观察者函数的列表 const observe = fn => queuedObservers.add(fn); // const observe = fn => queuedObservers.push(fn); //定义observable函数，将该对象添加代理后返回proxy实例 const observable = obj => new Proxy(obj, {set}); //handler，执行时会调用观察者里函数里的每个观察者 function set(target, key, value, receiver) { const result = Reflect.set(target, key, value, receiver); queuedObservers.foreach(observer => observer(key, value)); return result; } //对对象进行代理绑定 const person = observable({ name: '张三', age: 20 }); //定义2个函数 function printKey(key, value) { console.log("key: " + key) } function printValue(key, value) { console.log("value: " + value) } //将函数设置为观察者函数 observe(printKey); observe(printValue); //调用person（proxy实例）的属性name person.name = '李四'; //输出 //key: name //value: 李四 //创建另外一个被观察的对象（空） const foo = observable({}); //给他添加一个属性（触发set），因此会触发所有添加到观察者里的函数 foo.fruIT = "梨"; //输出 //key: fruit //value: 梨 简单来说：
可以创建一个函数用于进行proxy绑定（observable）； 并且创建一个观察者列表，用于添加你的观察者函数（列表queuedObservers，添加函数observe）； 因为是proxy，所以你还需要一个handler，并且假定你handler里的set会执行所有观察者函数； 然后所有被绑定过的函数，在使用它的返回值时（即proxy实例），你设置对象属性就会触发handler的set，而set就会执行所有观察者函数； 于是有了上面示例代码发生的情况；觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！
以上是脚本宝典为你收集整理的javascript代码实例教程-JavaScript֮Reflect全部内容，希望文章能够帮你解决javascript代码实例教程-JavaScript֮Reflect所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。