JS初步了解this

什么是环境对象?
环境对象:指的是函数内部特殊的变量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的高级用法,感谢大家的阅读!

相关推荐
黑客Jack1 分钟前
从攻击视角探讨ChatGPT对网络安全的影响
开发语言·计算机网络·安全·网络安全·php
LG.YDX2 分钟前
c++:STL简介
开发语言·c++
qq56522196110 分钟前
C# 2024年Visual Studio实用插件集合
开发语言·c#·visual studio
前端青山14 分钟前
vue常用特性
前端·javascript·vue.js·前端框架
Re.不晚20 分钟前
Java图书管理系统(简易&保姆级)
java·linux·服务器·开发语言·学习·算法·intellij-idea
笨蛋不要掉眼泪21 分钟前
泛型数组与hashmap
java·开发语言·算法
敲上瘾33 分钟前
虚拟地址空间与物理内存(Linux系统)
linux·运维·服务器·开发语言·c++·算法·aigc
努力进修39 分钟前
JavaSE 总复习:夯实基础,迈向进阶之路
java·开发语言
醉颜凉40 分钟前
【NOIP普及组】表达式求值
c语言·开发语言·c++·算法
码上有前40 分钟前
Java 8与Java 9新特性全面解析:从核心概念到实践应用
java·开发语言·python