ES6 - handler.apply()



以下示例定义了一个函数 rectangleArea,它将宽度和高度作为参数并返回矩形的面积。 该程序创建一个代理并为 rectangleArea 函数定义一个处理器对象。 此 处理器对象 在执行函数前验证传递给该函数的参数数量。 如果未向函数传递两个参数,处理器对象将引发一个错误。

<script>
   function rectangleArea(width,height){
      return width*height;
   }
   const handler = {
      apply:function(target,thisArgs,argsList){
      console.log(argsList);
      //console.log(target)
      if(argsList.length == 2){
         return Reflect.apply(target,thisArgs,argsList)
      }
         else throw 'Invalid no of arguments to calculate'
      }
   }

   const proxy = new Proxy(rectangleArea,handler)
   const result = proxy(10,20);
   console.log('area is ',result)
   proxy(10) // Error
</script>

上述代码的输出如下 -

[10, 20]
area is 200
[10]
Uncaught Invalid no of arguments to calculate
广告