this对象

在js中，我们经常会用到this，首先this是一个对象，其次，谁调用它就指向谁（成为谁）

在每个函数里面都有this这个对象，this是对象  在普通函数里面this一般都是指向window  在箭头函数里面没有this

    <button>点击</button>
    <button class="btnTest">点击test</button>
    <script>
        // function fn() {
        //     console.log(this);
        // } 
       // fn()  //window.fn()这才是正确的方式 只是每次缩写了window window才是调用者

        // this是谁调用就指向谁 比如下面这个例子 
        // 1.获取按钮dom
        const btn = document.querySelector("button")
        // 2.绑定点击事件 调用者就是btn
        btn.addEventListener("click",function(){
            console.log(this);//所以打印出来的就是 button这个的dom
        })


        // 比如有一个需求  点击按钮以后会改变按钮内部字体的颜色
        const btnTest = document.querySelector(".btnTest")
        btnTest.addEventListener("click",function(){
            this.style.color = "red"
        })
 </script>