JavaScript 中的 var that = this

水深无声 2022-06-11 06:57 152阅读 0赞

# 关于JavaScript中的var that =this #

>     Author：Bridge
>                                                                                              Time:2017/8/01

--------------------

在JavaScript中，今天学习H5写一个小游戏的时候，遇到了一个不太懂的点，在此写下自己的第二篇CSDN博客。

var that = this;//传递this对象

this 是JavaScript语言的一个关键字。它代表函数运行时，自动生成一个内部对象，只能在函数内部使用。  
在以上代码中，就是将当前的对象this复制到that中。举个栗子说明一下：

$('#canvas').click(function () { 
                var that = this;//this是被点击的#canvas
    
                $('.mine-canvas').forEach(function () { //.mine-canvas是当前的循环对象，that仍然是当前的this
    
                })
            })

从上面的栗子可以看出，在执行的过程中，this对象会被改变，如果将其复制道that中，that没有改变之前仍然是指向了当时的this，可以找到原this对象。其中，在之前的一个项目微信小程序中，也见到过

let that = this;

原理相同，不再栗子中赘述。以上是我第一次在**CSDN**写关于自己学习的博客文章，有很多不懂得，参考和借鉴，多多学习，正从一个菜鸟进化到一个前端老鸟的路上。在遇到很多问题的时候，不要着急，想明白问题本身出在哪，再对症下药。

--------------------

程序猿必备的三个工具，第一是[Github][] ，第二是**[Google][]**，**[StackOverflow][]**，其中的大神数不胜数，多多学习，贵在恒。

[Github]: https://github.com/
[Google]: https://www.google.com/
[StackOverflow]: https://stackoverflow.com/

发表评论取消回复

表情：

评论列表（有 0 条评论，152人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue中的var that=this；是啥意思？为什么要这样写？

Vue中的var that=this；是啥意思？为什么要这样写？ `初学vue，记录一个思考内容。` -------------------- 文章目录

逃离我推掉我的手/ 2024年03月30日 15:08/ 0 赞/ 79 阅读

相关 JavaScript 中的 var that = this

关于JavaScript中的var that =this > Author：Bridge >

水深无声/ 2022年06月11日 06:57/ 0 赞/ 153 阅读

相关【JavaScript】var that = this

var that = this 就是将当前的this对象复制一份到that变量中。这样做有什么意义呢？ $('content').click(function(){

本是古典何须时尚/ 2022年06月04日 00:45/ 0 赞/ 122 阅读

相关 JavaScript中的this

this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象 1. function fn

r囧r小猫/ 2022年05月20日 07:04/ 0 赞/ 264 阅读

相关 JavaScript中的this

this（上下文对象） \- 我们每次调用函数时，解析器都会将一个上下文对象作为隐含的参数传递进函数。使用this来引用上下文对象，根据函数的调用形式不同，this的

短命女/ 2022年05月18日 04:24/ 0 赞/ 275 阅读

相关为什么let this=that

不知道大家有没有接触过jquery jquery里边有一个特别典型的例子能说明用_this的作用 $("btn").click(function(){

旧城等待，/ 2022年05月08日 05:14/ 0 赞/ 117 阅读

相关 JavaScript中的this

> 小编推荐：[Fundebug][]专注于JavaScript、微信小程序、微信小游戏，Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务，众多大佬公

待我称王封你为后i/ 2022年04月10日 02:59/ 0 赞/ 298 阅读

相关 JavaScript 中的 this

[为什么80%的码农都做不了架构师？>>> ][80_] ![hot3.png][] [查][Link 1][看原文][Link 2] Yehuda Katz 强调了函数调

刺骨的言语ヽ痛彻心扉/ 2022年01月17日 12:06/ 0 赞/ 295 阅读

相关 var $this = $(this)

[jQuery: What’s the Difference Between $(this), $this, and this?][jQuery_ What_s the Di

亦凉/ 2021年11月29日 18:56/ 0 赞/ 269 阅读

相关 JavaScript 为什么要让that=this

分享一个我的公众号，最近突然想玩小程序，之前做过一段时间前端开发，考虑到现在应用程序越来越多，未来社会一定是一个充满“只有你想不到，没有你做不到”的App的世界！而微信小程序又

向右看齐/ 2021年09月21日 07:46/ 0 赞/ 466 阅读