关于this的指向问题（总结）

最新推荐文章于 2024-03-20 20:34:20 发布

八哥不是兔子

最新推荐文章于 2024-03-20 20:34:20 发布

阅读量831

点赞数 8

文章标签： javascript

本文链接：https://blog.csdn.net/bugs_bunnyq/article/details/100055091

版权

本文总结了JavaScript中this的指向问题，包括全局环境、函数调用、对象方法、事件触发、构造函数以及es6箭头函数的情况。讨论了如何理解和解决this指向问题，如使用that变量缓存、call、apply、bind等方法来改变或确定this的指向。

摘要由CSDN通过智能技术生成

javascript中this的指向一直是前端同事有时会不理解的知识点，也会出现在面试题中，今天我们将来总结下this的指向问题：

注释：
1.全局变量默认挂载在window对象下,一般情况下this指向它的调用者
2.es6的箭头函数中，this指向创建者，并非调用者

举个例子：

一.函数调用时：

非严格模式：默认挂载在window对象下，this指向它的调用者即window，所以输出window对象

const func = function () {
   
    console.log(this);
    const func2 = function () {
   
      console.log(this);
    };
    func2(); //Window
  };
  func(); //Window

严格模式：this不允许指向全局变量window，所以输出为undefined（func2在函数直接调用时默认指向了全局window

'use strict'
  const func = function () {
   
    console.log(this);
    const func2 = function () {
   
      console.log(this);
    };
    func2(); //undefined
  };
  func(); //undefined