当前位置: 首页 > news >正文

JS初步了解环境对象this

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

    // 每个函数里面都有this 普通函数的this指向windowfunction 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的高级用法,感谢大家的阅读!

http://www.lryc.cn/news/199216.html

相关文章:

  • Unbuntu-18-network-issue
  • Vue、React和小程序中的组件通信:父传子和子传父的应用
  • leetcode_171Excel表列序号
  • 北斗GPS卫星时钟同步服务器在银行数据机房应用
  • Mysql数据库 1. SQL基础语法和操作
  • ChatGPT-GPT4:将AI技术融入科研、绘图与论文写作的实践
  • SLAM从入门到精通(构建自己的slam包)
  • 全球二氧化碳排放数据1deg产品(ODIAC)数据
  • Element-UI 日期选择器--禁用未来日期
  • 终端常用脚本命令
  • 百度翻译很方便,几点注意事项
  • 阿里云安装 redis
  • 解释什么是异步非阻塞?
  • 1024程序节特辑:一文读懂小程序支付流程
  • C- 使用原子变量实现信号量
  • Pytorch与Onnx的转换与推理
  • Linux权限详解
  • 基于react18+arco+zustand通用后台管理系统React18Admin
  • BAT031:按列表名单将路径a下的文件夹批量剪切到路径b
  • 随机专享记录第一话 -- RustDesk的自我搭建和使用
  • 【数据库】拼接字段 使用别名
  • Golang设计22种模式
  • MMKV(3)
  • vivado报错警告之[Vivado 12-1017] Problems encountered:
  • 基于springboot汽车租赁系统
  • C++禁用赋值操作符
  • 小程序的数据驱动和vue的双向绑定有何异同?
  • Nvm管理NodeJs版本
  • 阿里云国际站服务器开放端口详解!!
  • 【自动化测试入门】用Airtest - Selenium对Firefox进行自动化测试(0基础也能学会)