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

@百思不得奇解

于 2023-05-30 08:59:36 发布

阅读量529

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/UTF8_8/article/details/130940894

在Vue开发中，由于this的动态指向特性，常常需要将this赋值给that来保持引用。例如，在事件处理函数中，this会根据调用位置改变，如在jQuery的点击事件中，this先是被点击的元素，在each循环内则变为循环中的当前元素。保存that是为了在后续操作中保持对原始对象的引用不变。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在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指向的对象提前保存一下