javascript基本使用 9 ------call,apply

来源：互联网发布：java中集合map 编辑：程序博客网时间：2024/05/21 10:17

call，apply：

每一个函数都包含两个非继承而来的方法，：call,apply.这两个方法的用途都是在特定的作用域中调用函数，实际上等于设置函数体内this对象的值。

例子：

//简单用法：绑定函数 用于传递参数 调用      function sum(a,b){   return a+b;   }   console.info(sum(10,20));//30  function call(x1,x2){ return sum.call(this,x1,x2);//call 之后传递的是参数  将sum函数绑定到当前函数  }  console.info(call(10,20));//30      function apply(y1,y2){   return sum.apply(this,[y1,y2]);//apply 之后传递的是数组   }   console.info(apply(10,20));//30

call，apply的用途就是传递参数，但事实上，他们真正强大的地方能够扩充函数赖以运行的作用域。

  window.color='red';   var obj={color:'blue'};      function showColor(){   console.info(this.color);   }   showColor.call(this);//red   showColor.call(obj);//blue

使用call（），apply（），来扩充作用域的最大好处就是对象不需要与方法有任何耦合关系。

call方法简单实现

   //call 方法的简单模拟与实现      //function 方法   function test(a,b){   return a+b;   }    //自定义对象function Obj(x,y){this.x=x;this.y=y;return x*y;}var o=new Obj(120,20);//var result=test.call(o,10,10); 一种写法var result=test.call(o,o.x,o.y); //另外一种写法console.info(result);o.method=test;var res=o.method(o.x,o.y);console.info(res);delete o.method;//删除属性

0 0