老师帮忙看一下这个,代码执行后结果显示不出来

来源: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>

相关截图:

http://img.mukewang.com/climg/611db235099f1bd719201048.jpg

写回答

1回答

好帮手慕慕子

2021-08-19

同学你好,对于你的问题解答如下:

1、因为代码中是给document绑定点击事件,所以直接打开页面不会输出任何结果,需要点击页面,触发document绑定的点击事件,才会执行事件函数,输出this,同学可以再测试下。

2、代码中注释输出this结果window是不对的,具体可以结合下图注释理解

http://img.mukewang.com/climg/611dbe78094c9cc409000371.jpg

祝学习愉快~

1

0 学习 · 15276 问题

查看课程