this是怎样指向函数参数的？一秒钟解决所有问题！

2024-01-24 21:40:38

一、this 指向问题

在 JavaScript 中，this 指向函数内部的当前执行上下文对象。一般情况下，this 指向调用函数的对象。但是，当函数作为参数传递给另一个函数时，this 指向就会发生变化。

二、call 和 apply 方法

call 和 apply 方法都是函数的内置方法，用于改变函数的 this 指向。它们接受两个参数：第一个参数是将 this 指向的对象，第二个参数是一个参数数组。

1. call 方法

call 方法将函数的 this 指向第一个参数，并将参数数组中的元素作为函数的参数。例如：

function greet(name) {
  console.log(`Hello, ${name}!`);
}

const person = {
  name: 'John Doe'
};

greet.call(person, 'Jane Doe'); // Hello, Jane Doe!

2. apply 方法

apply 方法与 call 方法类似，但它接受一个参数数组作为第二个参数。例如：

function greet(name) {
  console.log(`Hello, ${name}!`);
}

const person = {
  name: 'John Doe'
};

greet.apply(person, ['Jane Doe']); // Hello, Jane Doe!

三、bind 方法

bind 方法也是函数的内置方法，用于创建新的函数，该函数的 this 指向固定为第一个参数。例如：

function greet(name) {
  console.log(`Hello, ${name}!`);
}

const person = {
  name: 'John Doe'
};

const boundGreet = greet.bind(person);

boundGreet('Jane Doe'); // Hello, Jane Doe!