call、apply和bind

call、apply和bind都是用来修改this值的方法

call

function.call(thisArg, arg1, arg2, ...)

• thisArg：被调用函数执行时的上下文，即函数中的 this 值。
• arg1, arg2, …：被调用函数的参数列表。
  例：

function sayHello(greeting) {
  console.log(greeting + ' ' + this.name);
}

const person = { name: 'John' };

// 使用 call 来调用函数并指定上下文
sayHello.call(person, 'Hello'); // 输出 "Hello John"

apply

function.apply(thisArg, [argsArray])

• thisArg：被调用函数执行时的上下文，即函数中的 this 值。
• argsArray：一个数组或类数组对象，其中包含被调用函数的参数。
  例：

function sayHello(greeting) {
  console.log(greeting + ' ' + this.name);
}

const person = { name: 'John' };

// 使用 apply 来调用函数并传递参数数组
sayHello.apply(person, ['Hello']); // 输出 "Hello John"

bind

function.bind(thisArg, arg1, arg2, ...)

• thisArg：被返回函数执行时的上下文，即函数中的 this 值。
• arg1, arg2, …：被返回函数的预设参数。当最终调用返回的函数时，这些参数会与调用时传递的参数合并。
  例：

function sayHello(greeting) {
  console.log(greeting + ' ' + this.name);
}

const person = { name: 'John' };

// 使用 bind 创建一个新的函数，并稍后调用
const sayHelloToJohn = sayHello.bind(person);
sayHelloToJohn('Hello'); // 输出 "Hello John"

总结：

• call 和 apply 都是立即调用函数，只是传递参数的方式不同,call是参数列表，apply是数组。
• bind 返回一个新的函数，不会立即执行，可以稍后调用。