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

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
Flawy的头像Flawy

发表回复

登录后才能评论
注册PingCode 在线客服
站长微信
站长微信
电话联系

400-800-1024

工作日9:30-21:00在线

分享本页
返回顶部