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