this：揭开 JavaScript 中的神秘面纱

2024-01-22 18:45:40

this 的作用机制

this 在 JavaScript 中是一个特殊的变量，它指向当前正在执行的函数或方法所属的对象。this 的值在运行时动态确定，而不是在编译时静态确定。

this 的调用方式

this 的值可以通过以下几种方式进行调用：

方法调用：当一个对象的方法被调用时，this 的值被设置为该对象。例如：

const person = {
  name: 'John',
  greet: function() {
    console.log(`Hello, my name is ${this.name}`);
  }
};

person.greet(); // 输出：Hello, my name is John

函数调用：当一个函数被调用时，this 的值被设置为全局对象。例如：

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

greet(); // 输出：Hello, world!

构造函数调用：当一个构造函数被调用时，this 的值被设置为一个新的对象。例如：

function Person(name) {
  this.name = name;
}

const person1 = new Person('John');
console.log(person1.name); // 输出：John

apply() 和 call() 方法：apply() 和 call() 方法可以显式地设置 this 的值。例如：

const person = {
  name: 'John'
};

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

greet.apply(person); // 输出：Hello, my name is John