小谢第40问:call(),apply()和bind()作用区别及用法

 三者相同点:它们都是用来改变this指向的

call()和apply():

相同点:都是调用一个对象的一个方法,用另一个对象替换当前对象(功能相同)
例如:  B.call(A, args1,args2);即A对象调用B对象的方法
    F.apply(G, arguments);即G对象应用F对象的方法

不同点:参数书写方式不同
call()的第一个参数是this要指向的对象,后面传入的是参数列表,参数可以是任意类型,当第一个参数为null、undefined的时候,默认指向window;
apply():第一个参数是this要指向的对象,第二个参数是数组 

var obj = {}//定义一个空的对象
function f(x,y){
console.log(x,y)
console.log(this) //this是指obj
}
f.apply(obj,[1,2]) //后面的值需要用[]括起来
f.call(obj,1,2) //直接写 

call()和bind()的区别:
相同点:都是用来改变this的指向
不同点:call()改过this的指向后,会再执行函数,bind()改过this后,不执行函数,会返回一个绑定新this的函数 

function f(){
console.log("看我怎么被调用");
console.log(this) //指向this
}
var obj = {};
f.call(obj) //直接调用函数
var g = f.bind(obj); //bind()不能调用函数
g(); //此时才调用函数 

 

posted @ 2020-07-22 14:34  优雅的小谢  阅读(116)  评论(0编辑  收藏  举报
Live2D