JavaScript 有一套完全不同于其它语言的对 this 的处理机制。 在五种不同的情况下 ，this 指向的各不相同。
有句话说得很在理 — 谁调用它，this就指向谁
一、全局范围内
在全局范围内使用this ，它将指向全局对象（浏览器中为 window）
var name = 'name1';
console.log(name);
this.name = 'name2';
console.log(name);
console.log(this.name);
window.name = 'name3';
console.log(name);
console.log(this.nam
JavaScript中的`this`关键字是其语法特性中的一大特色，它在不同上下文中有着不同的指向，这使得`this`成为JS编程中的一个关键概念。本文将详细介绍`this`在JavaScript中的五种不同情况。
1. **全局范围内的`this`**
在全局作用域中，`this`通常指向全局对象，在浏览器环境中，这个全局对象就是`window`。例如：
```javascript
var name = 'name1';
this.name = 'name2';
console.log(name); // 输出 'name2'
console.log(this.name); // 输出 'name2'
window.name = 'name3';
console.log(name); // 输出 'name3'
console.log(this.name); // 输出 'name3'
```
在这段代码中，`this`始终指向`window`，因此全局变量`name`和`this.name`是等价的。
2. **函数调用中的`this`**
如果直接调用一个函数，`this`默认会指向全局对象（在浏览器中是`window`）。但是，如果函数作为对象的方法被调用，`this`则会指向那个对象。
```javascript
var name = 'name1';
function sayName() {
console.log(name);
console.log(this);
}
sayName(); // 这里this指向全局对象
window.sayName(); // 同样，直接调用，this还是指向window
```
3. **作为对象方法调用的`this`**
当函数作为对象的一个方法被调用时，`this`会指向调用该方法的对象。例如：
```javascript
var name = 'name1';
var obj = {
name: 'name2',
sayName: function() {
console.log(this.name);
}
};
obj.sayName(); // 这里的this指向obj，所以输出 'name2'
```
4. **`call`, `apply`, `bind`方法中的`this`**
`Function.prototype.call`, `apply`, 和 `bind`方法允许我们显式设置函数内部`this`的值。`call`和`apply`立即执行函数，而`bind`创建一个新的函数，其`this`已经被预设。
```javascript
var name = 'name1';
var obj = {
name: 'name2',
sayName: function() {
console.log(this.name);
},
changeName: function() {
setTimeout(function() {
this.name = 'name3';
}.bind(this), 0);
}
};
obj.sayName.call(obj); // 显式设置this为obj，输出 'name2'
obj.changeName();
setTimeout(function() {
console.log(name); // 输出 'name1'
console.log(obj.name); // 输出 'name3'
}, 0);
```
5. **构造函数中的`this`**
在构造函数中，`new`关键字创建一个新对象并设置`this`指向这个新对象。
```javascript
function Person(name) {
this.name = name;
}
var person1 = new Person('Alice');
console.log(person1.name); // 输出 'Alice'
```
在这个例子中，`this`在`Person`构造函数中指向新创建的`person1`对象。
理解`this`在JavaScript中的工作原理是至关重要的，因为它对于编写可维护和高效的代码有着深远的影响。在实际开发中，开发者需要时刻注意`this`的上下文，特别是在回调函数、事件处理程序和异步操作中，`this`的指向可能会发生变化。通过使用闭包、保存`this`的引用（如`that`或`_this`）或使用`call`, `apply`, `bind`，可以有效地管理`this`，确保代码按预期运行。
