浅析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 相关文章推荐
学习ExtJS(一) 之基础前提
Oct 07 Javascript
AJAX的跨域与JSONP(为文章自动添加短址的功能)
Jan 17 Javascript
javascript天然的迭代器
Oct 29 Javascript
javascript运行机制之this详细介绍
Feb 07 Javascript
原生js实现弹出层登录拖拽功能
Dec 05 Javascript
Angular 常用指令实例总结整理
Dec 13 Javascript
原生js实现可爱糖果数字时间特效
Dec 30 Javascript
树结构之JavaScript
Jan 24 Javascript
Vue.js通用应用框架-Nuxt.js的上手教程
Dec 25 Javascript
使用webpack3.0配置webpack-dev-server教程
May 29 Javascript
Vue中的$set的使用实例代码
Oct 08 Javascript
js作用域和作用域链及预解析
Apr 11 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
推荐文章系统(一)
2006/10/09 PHP
PHP使用file_get_contents发送http请求功能简单示例
2018/04/29 PHP
YII框架常用技巧总结
2019/04/27 PHP
云网广告中的代码,提示出错,大家找找
2006/11/21 Javascript
转自Jquery官方 jQuery1.1.3发布,速度提升800%,体积保持20K
2007/08/19 Javascript
jQuery1.3.2 升级到jQuery1.4.4需要修改的地方
2011/01/06 Javascript
js实现带关闭按钮始终显示在网页最底部工具条的方法
2015/03/02 Javascript
jQuery实现简单二级下拉菜单
2015/04/12 Javascript
JavaScript中this详解
2015/09/01 Javascript
使用React实现轮播效果组件示例代码
2016/09/05 Javascript
JavaScript中Array的实用操作技巧分享
2016/09/11 Javascript
nodejs实例解析(输出hello world)
2017/01/03 NodeJs
Vue2.0 UI框架ElementUI使用方法详解
2017/04/14 Javascript
Vue.js tab实现选项卡切换
2017/05/16 Javascript
Express + Node.js实现登录拦截器的实例代码
2017/07/01 Javascript
vue弹窗插件实战代码
2018/09/08 Javascript
跟老齐学Python之一个免费的实验室
2014/09/14 Python
Django中使用group_by的方法
2015/05/26 Python
python 性能提升的几种方法
2016/07/15 Python
Python字典实现简单的三级菜单(实例讲解)
2017/07/31 Python
python3.6连接MySQL和表的创建与删除实例代码
2017/12/28 Python
使用 Django Highcharts 实现数据可视化过程解析
2019/07/31 Python
Pytorch Tensor的索引与切片例子
2019/08/18 Python
mac 上配置Pycharm连接远程服务器并实现使用远程服务器Python解释器的方法
2020/03/19 Python
Python Tornado之跨域请求与Options请求方式
2020/03/28 Python
浅析Python 抽象工厂模式的优缺点
2020/07/13 Python
使用Python Tkinter实现剪刀石头布小游戏功能
2020/10/23 Python
html5 利用重力感应实现摇一摇换颜色可用来做抽奖等等
2014/05/07 HTML / CSS
Annoushka英国官网:英国奢侈珠宝品牌
2018/10/20 全球购物
金融事务专业毕业生求职信
2014/02/23 职场文书
运动会口号大全
2014/06/07 职场文书
个人工作表现评价材料
2014/09/21 职场文书
毕业生对母校寄语
2015/02/26 职场文书
2015年监理工作总结范文
2015/04/07 职场文书
2015年全国助残日活动方案
2015/05/04 职场文书
贷款收入证明格式
2015/06/24 职场文书