js中的apply与call

call 和 apply 都是为了改变某个函数运行时的 context 即上下文而存在的,换句话说,就是为了改变函数体内部 this 的指向。

call 和 apply二者的作用完全一样,只是接受参数的方式不太一样。

apply
Function.apply(obj,args)方法能接收两个参数:

obj:这个对象将代替Function类里this对象

args:这个是数组或类数组,apply方法把这个集合中的元素作为参数传递给被调用的函数。

call

call方法apply方法的第一个参数是一样的,只不过第二个参数是一个参数列表。

在非严格模式下当我们第一个参数传递为null或undefined时,函数体内的this会指向默认的宿主对象,在浏览器中则是window。

var test = function(){

  console.log(this===window);
}
test.apply(null);//true
test.call(undefined);//true
 

用法

"劫持"别人的方法

此时foo中的logName方法将被bar引用 ,this指向了bar

var foo = {

  name:"mingming",
  logName:function(){
    console.log(this.name);
  }
}
var bar={
  name:"xiaowang"
};
foo.logName.call(bar);//xiaowang
 
实现继承

function Animal(name){  

  this.name = name;  
  this.showName = function(){  
    console.log(this.name);  
  }  
}  

function Cat(name){ 

  Animal.call(this, name); 
}

var cat = new Cat("Black Cat");  

cat.showName(); //Black Cat

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

js中的apply与call

上一篇:C#跳转网页7种方法


下一篇:深入浅出JSON