JavaScript 中的 var that = this

水深无声 2022-06-11 06:57 166阅读 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 条评论，166人围观）

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

相关阅读

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

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

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

相关 Javascript 中的 VAR

在 JavaScript 中，var关键字用于声明变量。var用\ 函数作用域或全局作用域 \声明的变量，这意味着它们分别在定义它们的函数内或在整个程序中可访问。以下是对工作原

拼搏现实的明天。/ 2023年10月12日 11:17/ 0 赞/ 17 阅读

相关 js 函数中为什么经常看到 var that = this 或 var self = this

this 是 Javascript 语言的一个关键字。 this 代表函数运行时，自动生成的一个内部对象，指向当前对象，只能在函数内部使用。 Javascript 支持在函

矫情吗；*/ 2023年07月21日 13:29/ 0 赞/ 9 阅读

相关 var that =this的用法详解

在小程序开发中，var that =this的声明很常见。举个例子，代码如下！示例代码1 //index.js Page({

╰半橙微兮°/ 2023年05月21日 12:51/ 0 赞/ 6 阅读

相关 JavaScript 中的 var that = this

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

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

相关【JavaScript】var that = this

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

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

相关 JavaScript中的this

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

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

相关 JavaScript中的this

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

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

相关 var $this = $(this)

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

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

相关 JavaScript 为什么要让that=this

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

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