js中this的绑定情况以及如何改变this的指向

友情提示：this只有在执行的时候才能确认，定义时无法被确认 this的介绍： this是一个关键字，类似于变量但不是变量，也不是属性名，JavaScript的语法不允许给this赋值。和变量不同，关键字this没有作用域的限制，嵌套的函数不会从调用它的函数中继承this。如果嵌套函数作为方法调用，其this的值指向调用它的对象。如果嵌套函数作为函数调用，其this值不是全局对象就是undefined（非严格模式下是全局对象（即window对象），严格模式下是undefined）。很多人误以为调用嵌套函数时，this会指向调用外层函数的上下文。如果你想访问这个外部函数的this值，需要将thi 在JavaScript中，`this`是一个特殊的关键字，它在运行时根据函数的调用方式来确定其指向。理解`this`的工作原理对于编写高效的JS代码至关重要。以下是对`this`绑定情况及其改变方法的详细解释。 1. **默认绑定**： 当函数独立调用时（不与任何对象关联），`this`通常会绑定到全局对象，非严格模式下是`window`，在严格模式下则是`undefined`。 2. **隐式绑定**： 如果函数被某个对象的方法调用，那么`this`会绑定到那个对象。但是，当这个函数作为参数传递给其他函数并被调用时，`this`的绑定可能会丢失，再次指向全局对象或`undefined`，这被称为“隐士丢失”。 3. **new绑定**： 使用`new`关键字创建对象时，`this`会被绑定到新创建的对象。在执行构造函数的过程中，`this`指向的就是这个新对象，同时新对象的`__proto__`会指向构造函数的`prototype`。 4. **显示绑定**： - **call()** 和 **apply()** 方法允许我们显式地设置`this`的值。它们都用于调用函数，但有不同的参数处理方式。 - `call()` 的语法是 `func.call(thisValue, arg1, arg2, ...)`，其中`thisValue`是新的`this`值，后面的参数按顺序传递给函数。 - `apply()` 的语法是 `func.apply(thisValue, [argsArray])`，`thisValue`同样指定`this`，而`argsArray`是一个数组，其元素会被解包并作为参数传递给函数。 - **bind()** 方法则创建一个新的函数，这个函数的`this`值被永久绑定到传递给`bind()`的第一个参数。`bind()`的语法是 `func.bind(thisValue, arg1, arg2, ...)`，返回的新函数可以在任何时候调用，`this`始终保持绑定。 正确理解`this`的工作方式和如何改变它的指向，可以帮助开发者避免许多常见的JavaScript陷阱。例如，使用箭头函数可以防止`this`的隐式绑定，因为箭头函数的`this`值继承自父级作用域，而不是在其内部动态绑定。 总结一下，`this`在JavaScript中的行为取决于其调用环境，包括默认绑定、隐式绑定、new绑定和显示绑定。开发者可以通过call、apply和bind方法来改变`this`的指向，以满足特定的编程需求。对于复杂的代码逻辑，理解`this`的行为是确保代码正常工作的关键。