js箭头函数与普通函数的this指向问题
js箭头函数与普通函数的this指向问题
总结一句话 普通函数的this指向调用者，箭头函数的this指向拥有者。
例子:
// 常规函数：
hello = function() {
document.getElementById("demo").innerHTML += this;
}
// window 对象调用该函数：
window.addEventListener("load", hello);
// button 对象调用该函数：
document.getElementById("btn").addEventListener("click", hello);
输出： 普通函数this指向调用者，第一次是window调用，第二次是button调用。
[object Window] [object HTMLButtonElement]
// 箭头函数：
hello = () => {
document.getElementById("demo").innerHTML += this;
}
// window 对象调用该函数：
window.addEventListener("load", hello);
// button 对象调用该函数：
document.getElementById("btn").addEventListener("click", hello);
输出： 该例子里 箭头函数不论你调用者是谁，拥有者都是window。
[object Window] [object Window]
原文地址：https://blog.csdn.net/hhuhgfhggy/article/details/140661476
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！