浅析JavaScript中var that=this


Posted in Javascript onFebruary 17, 2017

在阅读别人的代码时,发现别人写的代码中有这么一句: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,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
基于jQuery的history历史记录插件
Dec 11 Javascript
jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)
Mar 21 Javascript
js事件冒泡实例分享(已测试)
Apr 23 Javascript
html页面显示年月日时分秒和星期几的两种方式
Aug 20 Javascript
javascript获取URL参数与参数值的示例代码
Dec 20 Javascript
sogou地图API用法实例教程
Sep 11 Javascript
jquery中键盘事件小结
Feb 24 Javascript
js密码强度实时检测代码
Mar 02 Javascript
vue双向数据绑定原理探究(附demo)
Jan 17 Javascript
详解node-ccap模块生成captcha验证码
Jul 01 Javascript
简述JS浏览器的三种弹窗
Jul 15 Javascript
ES2020 已定稿,真实场景案例分析
May 25 Javascript
Bootstrap表格使用方法详解
Feb 17 #Javascript
BootStrap与Select2使用小结
Feb 17 #Javascript
解决给dom元素绑定click等事件无效问题的方法
Feb 17 #Javascript
Vue.js原理分析之observer模块详解
Feb 17 #Javascript
BootStrap的select2既可以查询又可以输入的实现代码
Feb 17 #Javascript
Bootstrap表单使用方法详解
Feb 17 #Javascript
Angularjs单选改为多选的开发过程及问题解析
Feb 17 #Javascript
You might like
php中通过smtp发邮件的类,测试通过
2007/01/22 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十四)
2014/06/26 PHP
php使用递归计算文件夹大小
2014/12/24 PHP
PHP动态生成指定大小随机图片的方法
2016/03/25 PHP
PHP使用FFmpeg获取视频播放总时长与码率等信息
2016/09/13 PHP
JavaScript使用prototype定义对象类型
2007/02/07 Javascript
JavaScript加密解密7种方法总结分析
2007/10/07 Javascript
XmlUtils JS操作XML工具类
2009/10/01 Javascript
JQuery Tips(4) 一些关于提高JQuery性能的Tips
2009/12/19 Javascript
url地址自动加#号问题说明
2010/08/21 Javascript
JQuery中getJSON的使用方法
2010/12/13 Javascript
JQuery 1.3.2以上版本中出现pareseerror错误的解决方法
2011/01/11 Javascript
jquery 插件学习(二)
2012/08/06 Javascript
JQuery中根据属性或属性值获得元素(6种情况获取方法)
2013/01/17 Javascript
原生JS实现的放大镜效果实例代码
2016/10/15 Javascript
jquery实现瀑布流效果 jquery下拉加载新数据
2016/12/12 Javascript
js实现背景图自适应窗口大小
2017/01/10 Javascript
canvas绘制多边形
2017/02/24 Javascript
微信小程序实现图片轮播及文件上传
2017/04/07 Javascript
React Native开发封装Toast与加载Loading组件示例
2018/09/08 Javascript
vue实现全匹配搜索列表内容
2019/09/26 Javascript
[03:23:49]2016.12.17日完美“圣”典全回顾
2016/12/19 DOTA
在Python的Flask框架中验证注册用户的Email的方法
2015/09/02 Python
python实现颜色空间转换程序(Tkinter)
2015/12/31 Python
Python openpyxl 遍历所有sheet 查找特定字符串的方法
2018/12/10 Python
使用Python实现企业微信的自动打卡功能
2019/04/30 Python
对tensorflow 中tile函数的使用详解
2020/02/07 Python
简单介绍HTML5中audio标签的使用
2015/09/24 HTML / CSS
入职担保书范文
2014/05/21 职场文书
居委会四风问题个人对照检查材料
2014/09/25 职场文书
幼儿园感恩节活动方案2014
2014/10/11 职场文书
教师个人自我评价
2015/03/04 职场文书
工厂员工辞职信范文
2015/05/12 职场文书
社会实践单位意见
2015/06/05 职场文书
详解Spring Security中的HttpBasic登录验证模式
2022/03/17 Java/Android
CSS SandBox应用场景及常见问题
2022/06/25 HTML / CSS