js this.name

var name = "global";
console.log(this.name); // 输出 "global"

function showName() {
  console.log(this.name);
}

var name = "global";
showName(); // 非严格模式下输出 "global"，严格模式下报错

function showNameStrict() {
  "use strict";
  console.log(this.name);
}

showNameStrict(); // 报错，因为 this 是 undefined

var person = {
  name: "Alice",
  showName: function() {
    console.log(this.name);
  }
};

person.showName(); // 输出 "Alice"

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

var alice = new Person("Alice");
console.log(alice.name); // 输出 "Alice"

<button id="myButton">Click me</button>

<script>
document.getElementById("myButton").addEventListener("click", function() {
  console.log(this); // 输出触发事件的按钮元素
});
</script>

var obj = {
  name: "Alice",
  showName: () => {
    console.log(this.name); // 这里的 this 不指向 obj，而是指向定义箭头函数时的上下文
  }
};

obj.showName(); // 如果在全局上下文中定义，输出 "global" 或者 undefined（严格模式下）

function showName() {
  console.log(this.name);
}

var person = { name: "Alice" };
showName.bind(person)(); // 输出 "Alice"

var person = {
  name: "Alice",
  showName: function() {
    setTimeout(() => {
      console.log(this.name); // 输出 "Alice"
    }, 100);
  }
};

person.showName();

function showName() {
  console.log(this.name);
}

var person = { name: "Alice" };
showName.call(person); // 输出 "Alice"