浅析JavaScript中var that=this

 更新时间:2017年02月17日 09:19:35   作者:翎汐  
this是Javascript语言的一个关键字。它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。接下来通过本文给大家分享JavaScript中var that=this所代表的意思,需要的朋友参考下吧

在阅读别人的代码时,发现别人写的代码中有这么一句:var that = this;,这代表什么意思呢?经过一番查阅,才明白是这么回事。

在JavaScript中,this代表的是当前对象。

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,这样就不会出现找不到原来的对象。

以上所述是小编给大家介绍的浅析JavaScript中var that=this,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • 解决layui的input独占一行的问题

    解决layui的input独占一行的问题

    今天小编就为大家分享一篇解决layui的input独占一行的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • 微信小程序中的上拉、下拉菜单功能

    微信小程序中的上拉、下拉菜单功能

    这篇文章主要介绍了微信小程序中的上拉、下拉菜单功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-03-03
  • 利用JS实现文字的聚合动画效果

    利用JS实现文字的聚合动画效果

    这篇文章主要给大家介绍了利用JS如何实现文字的聚合动画效果,实现的效果非常不错,类似粒子动画的效果,有需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-01-01
  • html+css+js实现xp window界面及有关功能

    html+css+js实现xp window界面及有关功能

    xp window界面及有关功能使用前端技术实现不可思议吧不够该程序在IE调试的,其他浏览器可能有BUG,感兴趣的朋友可以参考下哈,希望可以帮助到你
    2013-03-03
  • 基于JavaScript实现轮盘抽奖功能

    基于JavaScript实现轮盘抽奖功能

    对于有选择困难症的朋友来说,有个转盘抽奖功能再好不过了,今天通过本文给大家分享基于Js实现轮盘抽奖功能,感兴趣的朋友一起看看吧
    2023-01-01
  • JS按条件 serialize() 对应标签的使用方法

    JS按条件 serialize() 对应标签的使用方法

    serialize()方法通过序列化表单值,创建标准的URL编码文本字符串,它的操作对象是代表表单元素集合的jQuery 对象。下面通过本文给大家介绍JS按条件 serialize() 对应标签的相关知识,感兴趣的的朋友一起看看吧
    2017-07-07
  • JS中比Switch...Case更优雅的多条件判断写法

    JS中比Switch...Case更优雅的多条件判断写法

    这篇文章主要给大家介绍了关于JS中比Switch...Case更优雅的多条件判断写法,文中通过示例代码介绍的非常详细,对大家学习或者使用JS具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-09-09
  • js 简易版滚动条实例(适用于移动端H5开发)

    js 简易版滚动条实例(适用于移动端H5开发)

    下面小编就为大家带来一篇js 简易版滚动条实例(适用于移动端H5开发)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • JavaScript删除有序数组中的重复项

    JavaScript删除有序数组中的重复项

    这篇文章主要介绍了JavaScript删除有序数组中的重复项,主要解决有序数组 nums ,要求原地删除重复出现的元素,使每个元素只出现一次,返回删除后数组的新长的问题,下面实现操作,需要的小伙伴可以参考一下
    2022-03-03
  • 微信小程序scroll-view实现滚动穿透和阻止滚动的方法

    微信小程序scroll-view实现滚动穿透和阻止滚动的方法

    这篇文章主要介绍了微信小程序scroll-view实现滚动穿透和阻止滚动的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08

最新评论