this是指向的哪个全局变量,改变this指向的方法有几种？

泡芙·草莓2023-11-09 22:45

在JavaScript中，this关键字指向当前执行上下文中的对象。它的具体指向取决于函数的调用方式。

改变this指向的方法有四种：

1.使用call()方法：call()方法在调用函数时将指定的对象作为参数传递进去，从而改变函数的this指向。用法示例：

html 复制代码

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

const person = {
  name: 'Alice'
};

greet.call(person); // 输出：Hello, Alice!

2.使用apply()方法：apply()方法与call()类似，但是接受一个参数数组而不是独立的参数列表。用法示例：

html 复制代码

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

const person = {
  name: 'Bob'
};

greet.apply(person); // 输出：Hello, Bob!

3.使用bind()方法：bind()方法会创建一个新函数，并将指定的对象作为新函数的this值。用法示例：

html 复制代码

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

const person = {
  name: 'Carol'
};

const greetPerson = greet.bind(person);
greetPerson(); // 输出：Hello, Carol!

4.使用箭头函数：箭头函数没有自己的this值，而是继承外部作用域的this值。用法示例：

html 复制代码

const person = {
  name: 'Dave',
  greet: () => {
    console.log(`Hello, ${this.name}!`);
  }
};

person.greet(); // 输出：Hello, undefined!

这些方法可以根据需要灵活地改变函数中的this指向，以便在不同的上下文中使用相同的函数。