面试官 : “ 请你说一下 call、apply、bind 的区别 ? ”

call、apply、bind
的核心区别

这三个方法的作用都是改变函数的this指向，他们三个的第一个参数是要绑定给函数的this对象。但在传参方式和执行时机上有明显不同。

详细对比

特性	call	apply	bind
this 绑定后是否立即执行	立即执行	立即执行	返回一个新函数，需手动调用才执行
传参方式	逐个传递参数	以数组形式传递参数	预先传递部分参数（柯里化），剩余参数在调用时传递
返回值	函数执行结果	函数执行结果	新的绑定函数

代码示例

1. call 用法

function greet(name) { console.log(`${this.greeting}, ${name}!`); } const obj = { greeting: 'Hello' }; greet.call(obj, 'Alice'); // 输出：Hello, Alice!

2. apply 用法

function sum(a, b) { return a + b; } const numbers = [1, 2]; const result = sum.apply(null, numbers); // 输出：3

3. bind 用法

function greet(name) { console.log(`${this.greeting}, ${name}!`); } const obj = { greeting: 'Hi' }; const boundGreet = greet.bind(obj); boundGreet('Bob'); // 输出：Hi, Bob!

核心场景

• call：适合参数数量明确的场景，如继承、借用方法。
• apply：适合参数数量不确定或已存在数组的场景，如数组求最大值Math.max.apply(null, [1, 2, 3])。
• bind：适合需要延迟执行或预先绑定this的场景，如事件回调、定时器。

这三个方法的作用都是改变函数的this指向，call , apply , bind 他们三个的第一个参数是要绑定给函数的this对象。