JS中的 that = this

H_c_l

于 2019-09-21 11:48:54 发布

阅读量598

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/H_c_l/article/details/101102034

js 专栏收录该内容

35 篇文章

订阅专栏

本文深入解析JavaScript中的this关键字，探讨其在不同上下文中的行为变化，以及如何通过var that = this来保持对原始对象的引用，避免因this作用域改变而导致的问题。

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

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

var that = this 就是将当前的this对象复制一份到that变量中，这样做有什么意义呢？

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

这可以清楚的看到，this对象在程序中会随时的改变，而 var that = this 之后，that没改变之前仍然是指向当时的this，这样就不会出现找不到原来的对象。