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;//删除属性