js this有哪些属性值

console.log(this === window); // true

function showThis() {
  console.log(this);
}

showThis(); // 非严格模式下是window，严格模式下是undefined

const obj = {
  name: 'Alice',
  greet: function() {
    console.log(`Hello, ${this.name}`);
  }
};

obj.greet(); // 输出: Hello, Alice

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

const alice = new Person('Alice');
console.log(alice.name); // 输出: Alice

const obj = {
  name: 'Alice',
  greet: () => {
    console.log(`Hello, ${this.name}`);
  }
};

obj.greet(); // 输出: Hello, undefined（因为箭头函数的this指向全局对象）

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

const person = { name: 'Alice' };

greet.call(person); // 输出: Hello, Alice
greet.apply(person); // 输出: Hello, Alice

const boundGreet = greet.bind(person);
boundGreet(); // 输出: Hello, Alice

document.querySelector('button').addEventListener('click', function() {
  console.log(this); // 指向被点击的按钮元素
});