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

最新推荐文章于 2023-10-26 18:32:15 发布

朲間烝茷

最新推荐文章于 2023-10-26 18:32:15 发布

阅读量830

点赞数

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

本文链接：https://blog.csdn.net/pyp_demon/article/details/111721448

版权

js 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

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

规则：
$(".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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

朲間烝茷

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery 使用箭头函数后，对象自身的获取，以及this的作用域问题

亦可引申为闭包函数中箭头函数的用法规则：$(".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'></
复制链接

扫一扫