js中call、apply、bind方法

最新推荐文章于 2022-04-20 17:19:03 发布

原创最新推荐文章于 2022-04-20 17:19:03 发布 · 286 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#call #apply #bind

JS 专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了JavaScript中三种重要的函数调用方法：call、apply和bind。通过具体实例展示了如何利用这些方法来调用函数并指定不同的上下文，帮助读者理解其工作原理及应用场景。

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

1、call方法（）

详情：call方法

使用call方法调用父构造函数

function Product(name, price) {
  this.name = name;
  this.price = price;

  if (price < 0) {
    throw RangeError('Cannot create product ' +
                      this.name + ' with a negative price');
  }
}

function Food(name, price) {
  Product.call(this, name, price); 
  this.category = 'food';
}

使用call方法调用匿名函数

var animals = [
  {species: 'Lion', name: 'King'},
  {species: 'Whale', name: 'Fail'}
];

for (var i = 0; i < animals.length; i++) {
  (function (i) { 
    this.print = function () { 
      console.log('#' + i  + ' ' + this.species + ': ' + this.name); 
    } 
    this.print();
  }).call(animals[i], i);
}

使用call方法调用函数并且指定上下文的’this’

function greet() {
  var reply = [this.person, 'Is An Awesome', this.role].join(' ');
  console.log(reply);
}

var i = {
  person: 'Douglas Crockford', role: 'Javascript Developer'
};

greet.call(i);

2、apply方法（）

详情：apply方法

    call方法和apply方法类似

    区别：
        call：接受若干个参数列表

        apply：接受一个包含多个参数的数组

3、bind方法（）

详情：bind方法