浅析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插件实现表格隔行变色及鼠标滑过高亮显示效果代码
Feb 25 Javascript
jQuery中iframe的操作(点击按钮新增窗口)
Apr 20 Javascript
原生js实现addclass,removeclass,toggleclasss实例
Nov 24 Javascript
JavaScript实现邮箱地址自动匹配功能代码
Nov 28 Javascript
详解如何较好的使用js
Dec 16 Javascript
jQuery实现动态添加tr到table的方法
Dec 26 Javascript
详解JS: reduce方法实现 webpack多文件入口
Feb 14 Javascript
详解Vuex中mapState的具体用法
Sep 28 Javascript
详解JavaScript添加给定的标签选项
Sep 17 Javascript
在vue项目中使用codemirror插件实现代码编辑器功能
Aug 27 Javascript
vue 框架下自定义滚动条(easyscroll)实现方法
Aug 29 Javascript
使用vue编写h5公众号跳转小程序的实现代码
Nov 27 Vue.js
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 magic quotes的详解
2013/06/17 PHP
PHP JS Ip地址及域名格式检测代码
2013/09/27 PHP
Linux下手动编译安装PHP扩展的例子分享
2014/07/15 PHP
Zend Framework缓存Cache用法简单实例
2016/03/19 PHP
微信支付扫码支付php版
2016/07/22 PHP
php双层循环(九九乘法表)
2017/10/23 PHP
PHP基于redis计数器类定义与用法示例
2018/02/08 PHP
使用Entrust扩展包在laravel 中实现RBAC的功能
2020/03/16 PHP
用showModalDialog弹出页面后,提交表单总是弹出一个新窗口
2009/07/18 Javascript
JavaScript关于select的相关操作说明
2010/01/13 Javascript
jQuery的.live()和.die() 使用介绍
2011/09/10 Javascript
$.get获取一个文件的内容示例代码
2013/09/11 Javascript
jQueryMobile之Helloworld与页面切换的方法
2015/02/04 Javascript
jQuery Ajax使用实例
2015/04/16 Javascript
Jquery日期选择datepicker插件用法实例分析
2015/06/08 Javascript
JavaScript模块化开发之SeaJS
2015/12/13 Javascript
Node.js 实现简单小说爬虫实例
2016/11/18 Javascript
微信小程序 跳转传参数与传对象详解及实例代码
2017/03/14 Javascript
Angular.js指令学习中一些重要属性的用法教程
2017/05/24 Javascript
ES6学习之变量的两种命名方法示例
2017/07/18 Javascript
深入解析nodejs HTTP服务
2017/07/25 NodeJs
Vue2 监听属性改变watch的实例代码
2018/08/27 Javascript
JS实现导航栏楼层特效
2020/01/01 Javascript
Python使用正则表达式实现文本替换的方法
2017/04/18 Python
用Python解数独的方法示例
2019/10/24 Python
利用python绘制数据曲线图的实现
2020/04/09 Python
python 判断一组数据是否符合正态分布
2020/09/23 Python
selenium判断元素是否存在的两种方法小结
2020/12/07 Python
内部类的定义、种类以及优点
2013/10/16 面试题
自荐书格式
2013/12/01 职场文书
创业者是否需要商业计划书?
2014/02/07 职场文书
党员创先争优承诺书
2014/03/26 职场文书
食堂标语大全
2014/06/11 职场文书
2014年标准化工作总结
2014/12/17 职场文书
导游词之山西-五老峰
2019/10/07 职场文书
《群青的幻想曲》京力秋树角色PV公开
2022/04/08 日漫