浅析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 相关文章推荐
javascript+dom树型菜单类,希望朋友们一起进步
May 03 Javascript
javascript控制frame,iframe的src属性代码
Dec 31 Javascript
jquery中ajax学习笔记一
Oct 16 Javascript
jquery如何把参数列严格转换成数组实现思路
Apr 01 Javascript
使用PHP+JQuery+Ajax分页的实现
Apr 23 Javascript
javascript去掉前后空格的实例
Nov 07 Javascript
讨论html与javascript在浏览器中的加载顺序问题
Nov 27 Javascript
jQuery实现的原图对比窗帘效果
Jun 15 Javascript
jQuery Validate插件实现表单强大的验证功能
Dec 18 Javascript
基于JavaScript实现屏幕滚动效果
Jan 18 Javascript
bootstrap表单示例代码分享
May 18 Javascript
js实现删除json中指定的元素
Sep 22 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创建动态图像
2006/10/09 PHP
PHP 中文乱码解决办法总结分析
2009/07/30 PHP
判断Keep-Alive模式的HTTP请求的结束的实现代码
2011/08/06 PHP
PHP字符串中特殊符号的过滤方法介绍
2014/02/18 PHP
WordPress中设置Post Type自定义文章类型的实例教程
2016/05/10 PHP
php图片添加水印例子
2016/07/20 PHP
Laravel框架处理用户的请求操作详解
2019/12/20 PHP
Javascript实例教程(19) 使用HoTMetal(5)
2006/12/23 Javascript
利用js对象弹出一个层
2008/03/26 Javascript
JQuery 学习笔记 选择器之六
2009/07/23 Javascript
复制Input内容的js代码_支持所有浏览器,修正了Firefox3.5以上的问题
2010/06/21 Javascript
JavaScript学习点滴 call、apply的区别
2010/10/22 Javascript
获得Javascript对象属性个数的示例代码
2013/11/21 Javascript
js判断是否按下了Shift键的方法
2015/01/27 Javascript
jQuery实现冻结表头的方法
2015/03/09 Javascript
不同js异步函数同步的实现方法
2016/05/28 Javascript
AngularJS中实现动画效果的方法
2016/07/28 Javascript
jQuery实现表格元素动态创建功能
2017/01/09 Javascript
Bootstrap一款超好用的前端框架
2017/09/25 Javascript
layui-table获得当前行的上/下一行数据的例子
2019/09/24 Javascript
Python实现监控程序执行时间并将其写入日志的方法
2015/06/30 Python
Python基于当前时间批量创建文件
2020/05/07 Python
Python2手动安装更新pip过程实例解析
2020/07/16 Python
python logging模块的使用详解
2020/10/23 Python
Fossil美国官网:Fossil手表、手袋、珠宝及配件
2017/02/01 全球购物
Tory Burch英国官方网站:美国时尚生活品牌
2017/12/06 全球购物
RetroStage德国:复古服装
2019/02/03 全球购物
罗技美国官网:Logitech美国
2020/01/22 全球购物
奖学金自我鉴定范文
2013/10/03 职场文书
办公室前台的岗位职责
2013/12/20 职场文书
个人党性剖析材料
2014/02/03 职场文书
初中生评语大全
2014/04/24 职场文书
总经理任命书范本
2014/06/05 职场文书
小学安全汇报材料
2014/08/14 职场文书
基层组织建设年活动总结
2015/05/09 职场文书
python numpy中setdiff1d的用法说明
2021/04/22 Python