javascript 使用 匿名 箭头函数 this的变化

处理html 页面

 <body>
<div class="main">
<div class="up">
<div class="black"></div>
</div>
<div class="down"></div>
<div class="disp"></div>
<input type="button" value="点击消失" onclick="abc()"> <div id="test1" class="tt">
<h1>abccccc</h1>
</div>
</div> <script>
function abc() {
let a = $('.tt')[0];
console.log(a);
let b = $("#test1");
console.log(b);
$('.tt').each((index,ele) => {
console.log(ele);
});
$('.main').delegate('#test1','click',() => {
console.log(this);
console.log($(this));
});
$('.main').delegate('#test1','click',function () {
console.log(this);
console.log($(this));
});
}
</script>

在使用jquery 给 class为main 元素的子元素添加点击事件

 $('.main').delegate('#test1','click',() => {
console.log(this);
console.log($(this));
});

如果使用匿名箭头函数,this 指向了 window对象

javascript 使用 匿名 箭头函数 this的变化

使用正常写法的写法:

javascript 使用 匿名 箭头函数 this的变化

this的指向当前元素!

以前学习箭头函数,有讲到this的指向问题,真正的使用起来容易遗忘。

纸上得来终觉浅,绝知此事要躬行.

上一篇:BZOJ1095 [ZJOI2007] Hide 捉迷藏 (括号序列 + 线段树)


下一篇:kafka无法消费数据