城楠_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 关于#python#的问题:求帮写python代码
  • ¥20 MATLAB画图图形出现上下震荡的线条
  • ¥15 LiBeAs的带隙等于0.997eV,计算阴离子的N和P
  • ¥15 关于#windows#的问题:怎么用WIN 11系统的电脑 克隆WIN NT3.51-4.0系统的硬盘
  • ¥15 来真人,不要ai!matlab有关常微分方程的问题求解决,
  • ¥15 perl MISA分析p3_in脚本出错
  • ¥15 k8s部署jupyterlab,jupyterlab保存不了文件
  • ¥15 ubuntu虚拟机打包apk错误
  • ¥199 rust编程架构设计的方案 有偿
  • ¥15 回答4f系统的像差计算