js中call和apply

1.Function.prototype.call和Function.prototype.apply的区别

apply：接受两个参数，第一个参数指定函数体内this对象的指向，第二个参数为一个带下标的集合，这个集可以为数组，也可以为类数组，apply方法把这个集合中的元素作为参数传递给被调用的函数

var fun=function(a,b,c){

   alert([a,b,c]);     //输出1,2,3

}；

fun.apply(null,[1,2,3]);

call:传入的参数数量不固定，跟apply相同的是，第一个参数都是代表函数体内this的指向，从第二个参数开始往后，每个参数被依次传入函数

var fun=function(a,b,c){

   alert([a,b,c]);     //输出1,2,3

}；

fun.apply(null,1,2,3);

call是包装在appl上面的一颗语法糖，如果我们明确的知道函数接受几个参数，而且想一目了然的表达形参和实参的对应关系，那么也可以用call来传递参数。

当使用call和apply的时候，如果我们第一个参数为null。函数体内的this会指向默认的宿主对象，在浏览器中则是window。但在严格模式下，函数体的this还是为null

2.call和apply的用途

1）改变this的指向

var obj1={

name:'seven'

}

var obj2={

name:'anne'

}

window.name='window';

var getName=function(){

alert(this.name);

}

getName(); //输出window

getName.call(obj1); //输出seven

getName.call(obj2); //输出anne

2)Function.prototype.bind

Function.prototype.bind = function(context) {

var self = this; //保存原函数

return function() { //返回一个新的函数

return self.apply(context, arguments); //执行新的函数的时候，会把之前传入的context当做新函数体内的this

}

};

 

var obj = {

name: "seven"

}

var func = function() {

alert(this.name);

}.bind(obj);

func();

当执行func函数的时候，实际上是先执行的是这个刚刚返回的新函数，在函数内部，self.apply(context,arguments)这句话才是执行原来的func函数，并且指定context对象为func函数体内的this

3）借用其他对象的方法

var A=function(name){

this.name=name;

}

var B=function(){

A.apply(this,arguments);

};

 

B.prototype.getName=function(){

return this.name;

}

var b=new B('seven');

console.log(b.getName()); //输出seven