call、apply、bind 的用法分别是什么

Flawy • 2023年5月29日上午12:26 • 科技 • 阅读 285

call方法是用来以另一个对象替换当前对象来调用函数的方法。apply方法和call方法非常类似，它也是用来改变函数内部的this指向。bind方法不是用来立即调用函数的，而是返回一个新的函数，这个新的函数会将原函数内部的this指向绑定到指定的对象上。

call方法

call方法是用来以另一个对象替换当前对象来调用函数的方法。它接收的第一个参数是要替换的对象，后面的参数则是传递给函数的参数。

下面是一个例子：

function greeting(name, age) {
  console.log(`Hi, my name is ${name} and I'm ${age} years old.`);
}

greeting.call(null, 'John', 30);

这里我们将null作为第一个参数传递给call方法，表示将当前的this指向null。因为greeting函数中没有使用this关键字，所以这个参数并不会影响函数的行为。第二个和第三个参数则分别传递了’John’和30作为函数的参数。

apply方法

apply方法和call方法非常类似，它也是用来改变函数内部的this指向。不同的是，它接收的第一个参数也是要替换的对象，但是后面的参数必须是一个数组或类数组对象。

下面是一个例子：

function greeting(name, age) {
  console.log(`Hi, my name is ${name} and I'm ${age} years old.`);
}

greeting.apply(null, ['John', 30]);

这里我们同样将null作为第一个参数传递给apply方法，第二个参数则传递了一个数组，其中包含了’John’和30作为函数的参数。

bind方法

bind方法和call、apply方法有些不同。它不是用来立即调用函数的，而是返回一个新的函数，这个新的函数会将原函数内部的this指向绑定到指定的对象上。

下面是一个例子：

const person = {
  name: 'John',
  age: 30
};

function greeting() {
  console.log(`Hi, my name is ${this.name} and I'm ${this.age} years old.`);
}

const boundGreeting = greeting.bind(person);

boundGreeting();

这里我们使用bind方法将greeting函数绑定到person对象上，并将返回的新函数保存到boundGreeting变量中。当我们调用boundGreeting函数时，它会使用person对象作为this指向，从而输出’Hi, my name is John and I’m 30 years old.’。

延伸阅读：

什么是函数？

函数（function），数学术语。其定义通常分为传统定义和近代定义，函数的两个定义本质是相同的，只是叙述概念的出发点不同，传统定义是从运动变化的观点出发，而近代定义是从集合、映射的观点出发。函数的近代定义是给定一个数集A，假设其中的元素为x，对A中的元素x施加对应法则f，记作f（x），得到另一数集B，假设B中的元素为y，则y与x之间的等量关系可以用y＝f（x）表示，函数概念含有三个要素：定义域A、值域B和对应法则f。其中核心是对应法则f，它是函数关系的本质特征。
函数，最早由中国清朝数学家李善兰翻译，出于其著作《代数学》。之所以这么翻译，他给出的原因是“凡此变数中函彼变数者，则此为彼之函数”，也即函数指一个量随着另一个量的变化而变化，或者说一个量中包含另一个量。

文章标题：call、apply、bind 的用法分别是什么，发布者：Flawy，转载请注明出处：https://worktile.com/kb/p/53021