call()apply()bind()

Posted 码我滴码

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了call()apply()bind()相关的知识,希望对你有一定的参考价值。

1、首先 每个Function对象里面都存在call()和apply()方法,及在函数的原型里面

2、语法是
  function.apply(thisObj,[a,b,c])  

  function.call(thisObj,a,b,c)

3、共同点

都是 用来代替另一个对象调用一个方法,将一个函数的对象上下文重新改变为thisObj指定的新对象

4、不同点

apply()接受两个参数,将参数放进数组里面

call()接受多个参数,参数为一串列表

5、例子

function add(a,b){

return a+b;
}
function sub(a,b){
return a-b;
}

var a1 = add.apply(sub,[4,2])

var a2 = sub.apply(add,[4,2])

var a3 = add.call(sub,4,2)

console.log(a1,a2,a3)

6、实现继承

function Animal(name){
this.name = name;
this.showName = function(){
alert(this.name);
}
}

function Cat(name){
Animal.apply(this,[name]);
}

var cat = new Cat("咕咕");
cat.showName();

/*call的用法*/
Animal.call(this,name);

 

以上是关于call()apply()bind()的主要内容,如果未能解决你的问题,请参考以下文章

js中的call,apply,bind区别

JS中的call,apply和bind及记忆方式

apply,call,bind的区别

call/apply/bind的区别

bind&call&apply

JavaScript中的apply()call()bind()