0
点赞
收藏
分享

微信扫一扫

js 防抖函数、节流函数

独孤凌雪 2023-12-06 阅读 42

什么是环境对象?
环境对象:指的是函数内部特殊的变量this,它代表着当前函数运行时所处的环境
作用:弄清楚this的指向,可以让我们代码更简洁
在普通函数中:

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

如果我们使用事件呢?这个this又指向谁?
函数调用方式不同,this指代的对象也不同

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

记住一句话: 谁调用,this就指向谁

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

btn.style.color = "red"

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

this.style.color = "red"

在这里插入图片描述
本篇文章初步的介绍了一下this,日后会写关于this的高级用法,感谢大家的阅读!

举报

相关推荐

JS防抖节流函数

js防抖和节流函数

JS函数防抖与节流

函数防抖节流

手写防抖节流函数

函数防抖与节流

函数防抖与函数节流

0 条评论