城楠_327 2021-06-20 20:29 采纳率: 100%
浏览 28
已采纳

在dom事件中普通函数与箭头函数this指向

为什么绑定点击事件用普通函数this指向节点本身,而用箭头函数this却指向window 

<body>
    <ul>
        <li>芜湖</li>
        <li>起飞</li>
        <li>全体起立</li>
        <li>开始码!</li>
    </ul>
    <script>
        let lis = document.querySelectorAll("li");
        for (let i = 0; i < lis.length; i++) {

            lis[i].onclick = function() {
                console.log(this); // 指向li节点
            }

            lis[i].onclick = () => {
                console.log(this); // 指向window
            }
        }
    </script>
</body>
  • 写回答

3条回答 默认 最新

  • roadmaps 2021-06-20 21:02
    关注

    首先什么是 this

    this 是函数在运行时,函数体内部自动生成的一个对象,只能在函数体内部使用。

    this 又是指向运行时调用者,就是说代码有无数种可能,别人也不容易理解。所有出了箭头函数

    箭头函数没有this,内部不生成对象。只会找自己作用域链上级,继承this。纯函数存在。

    回答
    你的问题,箭头函数指向了window,现在我们知道箭头函数内部没有this,找自己作用域链的上级this,上级是dom,运行dom的是window,所以this就是window

    https://blog.csdn.net/qaz1128123/article/details/117930624?spm=1001.2014.3001.5502

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 求会做聚类,TCN的朋友有偿线上指导。以下是目前遇到的问题
  • ¥100 无网格伽辽金方法研究裂纹扩展的程序
  • ¥15 错误于library(org.Hs.eg.db): 不存在叫‘org.Hs.eg.db’这个名称的程序包,如何解决?
  • ¥60 求一个图片处理程序,要求将图像大小跟现实生活中的大小按比例联系起来的
  • ¥50 求一位精通京东相关开发的专家
  • ¥100 求懂行的大ge给小di解答下!
  • ¥15 pcl运行在qt msvc2019环境运行效率低于visual studio 2019
  • ¥15 MAUI,Zxing扫码,华为手机没反应。可提高悬赏
  • ¥15 python运行报错 ModuleNotFoundError: No module named 'torch'
  • ¥100 华为手机私有App后台保活