ES6中Proxy与Reflect实现重载overload的示例分析

这篇文章主要为大家展示了“ES6中Proxy与Reflect实现重载overload的示例分析”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“ES6中Proxy与Reflect实现重载overload的示例分析”这篇文章吧。

具体如下：

Proxy与Reflect实现重载(overload)

从语法角度讲JavaScript不支持重载。原因很简单，JS中函数可以传入任意类型、任意个数的参数，通通可以通过在函数内使用this.arguments获得。这样，就无法实现同名函数参数列表不同实现不同功能。当然，在实际使用过程中，可以人为去检测传入实参的个数及类型，来进行不同操作。但是，我认为这不能叫做重载。

ES6带来了Proxy和Reflect，配合使用可以实现重载。Proxy用于修改某些操作的默认行为，相当于对原始想进行的操作进行“包装”；Reflect对象的方法与Proxy对象的方法一一对应，这使得Proxy对象可以方便的调用对应的Reflect方法完成默认行为。我们可以这样使用它们：

function LogMessage( m ){
  this.m = m;
}
var message = new LogMessage( 1 );
var overload = new Proxy(message , {
  get: function(target, key, receiver){
    console.log(`getting ${key}`);
    return Reflect.get(target , key , receiver);
  },
  set: function(target, key, value, receiver){
    console.log(`setting ${key}`);
    return Reflect.set(target, key, value, receiver);
  }
});
overload.m = 2; //setting m
var s = overload.m; //getting m

以上是“ES6中Proxy与Reflect实现重载overload的示例分析”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注行业资讯频道！