学习目标:
- 掌握环境对象
学习内容:
- 环境对象
- 作用
环境对象:
指的是函数内部特殊的变量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>