this 关键字，JavaScript程序员必备小知识！

2023-12-26 22:04:39

this 的用法

this 关键字在 JavaScript 中有两种主要用法：

作为对象的方法。
作为函数的作用域。

作为对象的方法

当 this 关键字用作对象的方法时，它表示该对象本身。例如，以下代码中，this 表示 person 对象：

const person = {
  name: "John Doe",
  age: 30,
  greet: function () {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  },
};

person.greet(); // Hello, my name is John Doe and I am 30 years old.

作为函数的作用域

当 this 关键字用作函数的作用域时，它表示该函数被调用的上下文。例如，以下代码中，this 表示 window 对象：

function greet() {
  console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
}

greet(); // Hello, my name is undefined and I am undefined years old.

因为 greet 函数没有被任何对象调用，所以 this 关键字的值是 window 对象。

this 关键字的特殊情况

在某些情况下，this 关键字的值可能会发生变化。例如，当函数被作为另一个函数的参数传递时，this 关键字的值会变成另一个函数的作用域。

const person = {
  name: "John Doe",
  age: 30,
  greet: function () {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  },
};

function greetPerson(person) {
  person.greet();
}

greetPerson(person); // Hello, my name is John Doe and I am 30 years old.