VUE 中let that = this 或者 var that = this 有什么意义

2023-10-27

在vue 开发过程中我们经常会发现

 let  that = this

这样写有什么好处呢
首先要理解this,下面简述两点

1、this 永远指向一个对象
2、this 的指向取决于函数调用的位置
首先 this 指向的是一个对象,这个好理解,难就难在第二点,在JavaScript 中 一切都是对象,运行环境也是对象,this 的指向是动态的很难确定指向那个对象
举例:

$('#content').click(function(){
     //this是被点击的#content
     var that =this;
     $('.content').each(function(){
         //this是.content循环中当前的对象
         //that仍是刚才被点击我的#content
     })
 })

this指向的对象发生了变化,故需要在函数前将this指向的对象提前保存一下

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

VUE 中let that = this 或者 var that = this 有什么意义 的相关文章

随机推荐

  • 快手直播如何引流?快手直播引流怎么做?快手直播推广如何精准吸粉?​

    互联网让我们彼此的联系更加紧密 借助互联网的各个平台我们就可以寻找到我们的精准的目标客户 这些我们每天都在接触的平台其实就是我们的引流渠道 快手 这个短视频平台用户数量非常之庞大 大概有5亿的用户 如果能够从中获取到流量 这个引流的效果是非
  • char类型整数输入字符输出代码

    include
  • 3.深度强化学习------PPO(Proximal Policy Optimization)算法资料+原理整理

    文章地址 PPO Proximal Policy Optimization Algorithms 一 PPO资料 PPO原理讲解BLOG 这篇blog详细讲了PPO算法的产生过程及原理 包含部分理论推导 看完这篇blog基本就理解PPO了
  • 分治法解马的Hamilton

    include
  • JS-JS代码插入位置

    一 HTML 页面的 部分中 由于 HTML 文档是由浏览器从上到下依次载入的 将 JavaScript 代码放置于 标签之间 可以确保在需要使用脚本之前 它已经被载入了 二 HTML 页面的 部分中 设想如下一种情况 我们有一段 Java
  • Jackson对象转化错误之org.joda.money.Money

    由于org joda money Money没有默认的构造方法 使用默认的序列化和反序列化是无法在json串和对象之间转换的 jackson提供了一个可以指定序列化发序列话的方法 com fasterxml jackson databind
  • 安装python遇到错误_安装Python时遇到如下问题,解决方案

    sudo apt get install python pip 正在读取软件包列表 完成 正在分析软件包的依赖关系树 正在读取状态信息 完成 python pip 已经是最新的版本了 升级了0 个软件包 新安装了 0 个软件包 要卸载 0
  • 入门-《Zbrush 自学宝典》适合基础学员【软件精通】

    入门 Zbrush 自学宝典 适合基础学员 软件精通 ZBrush自学宝典合集 包含了零基础萌新需要的软件基础 到必备的人体解刨知识 还有多达十几个的实战案例展示 可以说是一本名副其实的zbrush自学大全 入门 Zbrush 自学宝典 适
  • Unity检测点击到UI上

    using UnityEngine EventSystems using UnityEngine using System Collections Generic
  • vue跳转注册时Unhandled promise rejection undefined

    这里写自定义目录标题 vue跳转注册时Unhandled promise rejection undefined vue跳转注册时Unhandled promise rejection undefined 挂载路由导航守卫 router b
  • 刷脸支付会员积分卡券打造完整商业闭环

    刷脸支付成为新的支付趋势的原因 缓解对外部媒介的过渡依赖 移动支付的过程需要手机 而很多消费者会遇到手机没电或者忘记携带手机的情况 而刷脸支付不需要手机 仅通过人脸识别就可以完成付款 随着支付宝 微信 央行都推出了自己的刷脸支付设备 刷脸支
  • VS2017调节字体大小快捷键

    快捷键 Ctrl Shift gt 调大 Ctrl Shift lt 调小 Ctrl 鼠标滚动 向上调大 向下调小 笔记本触屏放大 就和在手机上放大图片一样 也可以去工具 gt 选项 gt 环境 gt 字体与颜色里面直接选择字号调整
  • 【廖雪峰python入门笔记】list_创建

    1 list 列表 list 1 是Python内置的一种数据类型 2 是一种有序的集合 3 可以随时添加和删除其中的元素 比如 列出班里所有同学的名字 就可以用一个list表示 Michael Bob Tracy list是数学意义上的有
  • GraalVM原生编译,Swing取色调色工具

    Graalvm 安装和静态编译 今天使用GraalVM把以前写的一个Swing小工具ColorCat转成原生应用 使用GraalVM转成原生应用后 可以脱离JVM CPU和内存的占用率是降低了的 性能是相对提升了不少 GraalVM编译步骤
  • SVN提交代码评审

    1 前言 在公司提交代码时 需要发给上级主管评审 如何让评审的主管能快速清晰的知道你的修改点是很重要也是很基础的要求 有的是用用脚本来产生差异文件的文件夹 但其实SVN本身就有命令列出当前修改和版本的差异点 2 命令 svn commit
  • 登录页面中记住密码操作的实现

    1 思路 访问 前端login jsp gt 后台 如果上次用户选择勾选记住密码 自动填充账号和密码 否则 不填 如何判断上次是否记住密码 第一次登录成功 去判断是否需要记住密码 如果需要记住密码 则往浏览器写cookie 否则 删除coo
  • Swift Property ‘self.xxx‘ not initialized at super.init call

    Swift重写父类的init方法时 报了如下错误 Property self xxx not initialized at super init call 大概意思是在调用父类init方法前 需要给属性赋值 报错代码 required in
  • QT 自定义widget 背景图片设置

    在自定义widget中 通过setSheetStyle 设置的背景图片没有效果 必须加一层QFrame 定义一个QFrame 设置QFrame的 sheetstyle 同时设置 widget setAutoFillBackground tr
  • 使用python-docx在文档中插入图片

    在文档中添加图片的方法如下 from docx import Document from docx shared import Inches Cm document Document document add heading 大标题 0 新
  • VUE 中let that = this 或者 var that = this 有什么意义

    在vue 开发过程中我们经常会发现 let that this 这样写有什么好处呢 首先要理解this 下面简述两点 1 this 永远指向一个对象 2 this 的指向取决于函数调用的位置 首先 this 指向的是一个对象 这个好理解 难