老师帮忙看一下这个,代码执行后结果显示不出来
来源:3-10 不适用箭头函数的场景
DB1时间的玫瑰
2021-08-19 09:23:14
相关代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>不适用箭头函数的场景</title>
</head>
<body>
<script>
// 1.作为构造函数
// 箭头函数没有this
// const Person = () => {};
// new Person();
// 2.需要this指向调用对象的时候
// document.onclick = function() {
// console.log(this);
// };
document.addEventListener(
'click',
function() {
console.log(this); //window
},
false
);
</script>
</body>
</html>
相关截图:
1回答
同学你好,对于你的问题解答如下:
1、因为代码中是给document绑定点击事件,所以直接打开页面不会输出任何结果,需要点击页面,触发document绑定的点击事件,才会执行事件函数,输出this,同学可以再测试下。
2、代码中注释输出this结果window是不对的,具体可以结合下图注释理解
祝学习愉快~
相似问题