call与apply的相同与不同点

在JavaScript中,每个函数都有call()和apply()方法。

var some_obj={
    name:'Ninja',
    say:function(who){
      return 'Haya ' + who + ', I am a '+ this.name;
    }
  };

some_obj.say('Dude');  //"Haya Dude, I am a Ninja"   this指向为some_obj

再创建一个对象   

var my_obj={name: 'Scripting guru'};

将some_obj中的say()方法当做my_obj自身的方法来调用:

1、 对象方法call()

some_obj.say.call(my_obj,'Dude');  //"Haya Dude, I am a Scripting guru";

//首参数指定this值,后以  “ 字符串 ”  形式传递参数。

另外,如果我们没有将对象传递给call()的首参数,或者传递给它的是null,调用对象会被默认为全局对象

注:this 指向的是全局对象,实际上就是通过call的首个参数修改了对象函数的this 值。

传递更多参数:some_obj.someMethod.call(my_obj,'a','b','c');

2、对象方法apply()

some_obj.say.apply(my_obj,['Dude']);  //"Haya Dude, I am a Scripting guru";

//首参数指定this值,后以  “ 数组 ”  形式传递参数。

总结

相同点:首参数都是用于指定this值,后用于传递参数,首参数若无或传递null,则this指向为全局对象。

不同点:参数的传递形式,apply()传递的参数形式是数组,call()传递的参数形式是字符串。

  

posted @ 2022-07-01 17:44  阳光下的向日葵  阅读(23)  评论(0)    收藏  举报