jquery 使用箭头函数后，对象自身的获取，以及this的作用域问题

最新推荐文章于 2024-03-28 05:15:00 发布

朲間烝茷

最新推荐文章于 2024-03-28 05:15:00 发布

阅读量939

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签：箭头函数this作用域闭包函数对象自身的获取

本文链接：https://blog.youkuaiyun.com/pyp_demon/article/details/111721448

js 专栏收录该内容

22 篇文章

订阅专栏

博客聚焦于信息技术领域中箭头函数this作用域以及闭包函数对象自身获取的相关内容，探讨了这两个关键概念在编程中的特性与应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

亦可引申为闭包函数中箭头函数的用法

规则：
$(".btn").click(e=>{
	console.log(e.currentTarget) // 相当于正常function(){}写法中的this
	console.log(this) // 继承自全局，即该处的this代表的是整个外部的对象
})

<!DOCTYPE html>
<html>

<head>
  <script src='./jquery-3.4.1.min.js'></script>
  <meta charset="utf-8" />
</head>

<body>

  <button class="btn" id="btnClick">点击禁用自己</button>

  <button class="cancelBtn" id="btnClick">点击取消禁用前一个按钮</button>


</body>

<script>

  $(function() {

    $(".btn").click(e=>{
      console.log(this) // 全局的对象
      console.log(e.currentTarget) // 当前操作的对象自身，相当于function(){} 用法中的this
      $(e.currentTarget).attr('disabled','disabled')
    })

    $(".cancelBtn").click(()=>{
      $(".btn").removeAttr('disabled')
    })

  })
</script>

</html>