API-环境对象

学习目标:

  • 掌握环境对象

学习内容:

  1. 环境对象
  2. 作用

环境对象:

指的是函数内部特殊的变量this,它代表着当前函数运行时所处的环境。


作用:

弄清楚this的指向,可以让我们代码更简洁。

  • 函数的调用方式不同,this指代的对象也不同。
  • 【谁调用,this就是谁】是判断this指向的粗略规则。
  • 直接调用函数,其实相当于是window.函数,所以this指代window
<title>环境对象</title>
</head>

<body>
  <button>点击</button>
  <script>
    //每个函数里面都有this 环境对象  普通函数里面this指向的是window
    // function fn() {
    //   console.log(this)
    // }
    // window.fn()
    const btn = document.querySelector('button')
    btn.addEventListener('click', function () {
      console.log(this)  //btn对象
      // btn.style.color = 'pink'
      this.style.color = 'pink'

    })
  </script>

</body>
  • 5
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值