this指向

总结

普通函数
- this指向window
对象
- this在对象调用的时候指向对象
- 先赋值再调用，看调用的地方
new
- 创建临时对象
- 将this指向临时对象
- 执行构造函数
- 返回临时对象

function fun() {
  console.log(this); // 普通函数
}
fun(); // 浏览器环境-Window，Node环境-global

const Obj = {
  name: "Kevin",
  showName: function () {
    console.log(this.name, this);
  },
};

Obj.showName(); // Kevin Obj
const getName = Obj.showName; // undefined Window(Node环境 - global)
getName();

function ShowName() {
    this.name = "Kevin";
}

const GetName = new ShowName();
console.log(GetName.name); // Kevin
console.log(ShowName.name); // ShowName 函数的属性

function fun() {
  console.log(this); // 普通函数
}
fun(); // 浏览器环境-Window，Node环境-global

const Obj = {
  name: "Kevin",
  showName: function () {
    console.log(this.name, this);
  },
};

Obj.showName(); // Kevin Obj
const getName = Obj.showName; // undefined Window(Node环境 - global)
getName();

function ShowName() {
    this.name = "Kevin";
}

const GetName = new ShowName();
console.log(GetName.name); // Kevin
console.log(ShowName.name); // ShowName 函数的属性

this指向 ​

this指向