this指向的重重迷雾

前端

2024-01-27 20:27:20

this指向揭秘

this指向是一个 JavaScript ，它指向当前执行代码的上下文对象。this指向可以是全局对象、函数对象、构造函数对象或普通对象。

this指向规则

this指向的规则很简单：

在全局作用域中，this指向全局对象（window）。
在函数中，this指向函数所属的对象。
在构造函数中，this指向构造函数创建的新对象。
在方法中，this指向方法所属的对象。

this指向示例

以下是一些this指向的示例：

在以下代码中，this指向全局对象（window）：

console.log(this); // 输出：Window

在以下代码中，this指向函数所属的对象（即myObject）：

var myObject = {
  name: "John Doe",
  greet: function() {
    console.log(this.name); // 输出：John Doe
  }
};

myObject.greet();

在以下代码中，this指向构造函数创建的新对象（即person）：

function Person(name) {
  this.name = name;
  this.greet = function() {
    console.log(this.name); // 输出：Jane Doe
  };
}

var person = new Person("Jane Doe");

person.greet();

在以下代码中，this指向方法所属的对象（即myObject）：

var myObject = {
  name: "John Doe",
  greet: function() {
    function innerGreet() {
      console.log(this.name); // 输出：undefined
    }
    innerGreet();
  }
};

myObject.greet();