js中call、apply、bind的区别

转载于 2018-04-11 20:27:00 发布 · 52 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Alice-Xu/p/8798503.html

本文通过具体的JavaScript代码示例介绍了如何改变函数内部this的指向，并演示了使用call、apply及bind方法来实现不同上下文中的this指向调整。同时，展示了bind方法返回新函数的特点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var Person = {
  name : 'alice',
  say : function(txt1,txt2) {
    console.info(txt1+txt2);
    console.info(this.name);
  }
}

var Dog = {
  name : 'tom',
  say : function(txt1,txt2) {
    console.info(txt1+txt2);
    console.info(this.name);
  }
}
var arr = ['hello','hi'];
Person.say('hello','hi');
Dog.say('wang~','wang2~');
Person.say.call(Dog,'hello','hi');//Person.say内部的this指向了Dog，多个参数用逗号隔开
Person.say.apply(Dog,arr);//第二个参数是数组，参数数量可以是未知的
var PersonSay = Person.say.bind(Dog,'hello','hi');//不会立即执行，触发返回函数才会执行
PersonSay();



>>>hellohi
>>>alice
>>>wang~wang2~
>>>tom
>>>hellohi
>>>tom
>>>hellohi
>>>tom
>>>hellohi
>>>tom