js中普通函数形式与箭头函数中的this的区别

最新推荐文章于 2024-12-19 10:03:19 发布

原创最新推荐文章于 2024-12-19 10:03:19 发布 · 310 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

3 篇文章

订阅专栏

现在有下面一段代码

<div id="test" data-name="小虎" data-userid="1">click</div>
<script>
  var test = document.getElementById('test');
  // 这不是箭头函数 ： this 代表的就是 id为test 的 div 对象了 
  test.onclick=function (){
      this.dataset.name = 'Byron';
      console.log(test.dataset.name);
      console.log(test.dataset.userid)
  }
// 这是箭头函数 ： this 代表的就是全局的window
test.onclick=()=>{
// 下面的代码报错
      this.dataset.name = 'Byron';
      console.log(test.dataset.name);
      console.log(test.dataset.userid)
  }
    
</script>