JS初步了解this

远近高低各不同2023-12-06 10:55

什么是环境对象？
环境对象：指的是函数内部特殊的变量this ，它代表着当前函数运行时所处的环境

作用：弄清楚this的指向，可以让我们代码更简洁
在普通函数中：

javascript 复制代码

    // 每个函数里面都有this 普通函数的this指向window
    function fun() {
        console.log(this) //指向window
    }
    // 相当于window.fun()
    fun()

如果我们使用事件呢？这个this又指向谁？

函数调用方式不同，this指代的对象也不同

javascript 复制代码

    let btn = document.querySelector("button")
    btn.onclick = function() {
        console.log(this) //指向btn按钮
    }

记住一句话： 谁调用，this就指向谁

在以前的时候，如果我们想点击按钮之后，按钮变颜色

javascript 复制代码

btn.style.color = "red"

现在我们有了this之后，我们点了谁，自己变颜色

javascript 复制代码

this.style.color = "red"

本篇文章初步的介绍了一下this，日后会写关于this的高级用法，感谢大家的阅读！