为什么绑定点击事件用普通函数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>
首先什么是 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
1.普通函数的this：指向它的调用者，如果没有调用者则默认指向window.
2.箭头函数的this: 指向箭头函数定义时所处的对象，而不是箭头函数使用时所在的对象，默认使用父级的this.
3.箭头函数中的this,首先从它的父级作用域中找，如果父级作用域还是箭头函数，再网上找，如此直至找到this的指向
“箭头函数的this: 指向箭头函数定义时所处的对象，而不是箭头函数使用时所在的对象”
那这段代码中箭头函数是在for循环里定义的，所以这个箭头函数的父级是for循环吗？