JS中的this指向什么？怎么控制？

this的指向取决于函数调用方式。1. 默认情况下，普通函数的this指向全局对象（如浏览器中为window），若作为对象方法调用则指向该对象，若通过new调用则指向新对象实例；2. 箭头函数无自身this，继承外层作用域的this；3. 可使用call、apply或bind手动绑定this，其中call和apply立即调用函数并分别以参数列表和数组传参，bind返回一个绑定后的新函数；4. 常见问题出现在事件监听或回调中，可通过bind或箭头函数包裹来保持this指向预期对象。掌握这些规则可有效避免this带来的混淆与错误。

在JavaScript中，this的指向是很多人刚开始学习时容易混淆的地方。它的值不是固定不变的，而是根据函数被调用的方式动态决定的。理解这一点，对写出稳定、可维护的代码非常重要。

1. this默认指向谁？

函数中的this指向取决于它被如何调用，而不是在哪里定义的。

• 在普通函数中（非箭头函数），this默认指向全局对象，在浏览器中就是window。
• 如果函数是在某个对象的方法中被调用的，那么this就会指向那个对象。
• 如果函数作为构造函数通过new调用，this会指向新创建的对象实例。

举个例子：

const obj = {  name: 'Tom',  sayName: function() {    console.log(this.name);  }};obj.sayName(); // 输出 'Tom'，this指向obj

登录后复制