浅析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 相关文章推荐
JS模拟多线程
Feb 07 Javascript
单独使用CKFinder选择图片的方法
Aug 21 Javascript
jQuery编辑器KindEditor4.1.4代码高亮显示设置教程
Mar 01 Javascript
js中将String转换为number以便比较
Jul 08 Javascript
DOM操作一些常用的属性汇总
Mar 13 Javascript
JS组件Bootstrap Table使用实例分享
May 30 Javascript
AngularJS的依赖注入实例分析(使用module和injector)
Jan 19 Javascript
AngularJS+bootstrap实现动态选择商品功能示例
May 17 Javascript
JS模拟实现哈希表及应用详解
May 04 Javascript
解决vuejs 使用value in list 循环遍历数组出现警告的问题
Sep 26 Javascript
JavaScript实现横版菜单栏
Mar 17 Javascript
解决vuex改变了state的值,但是页面没有更新的问题
Nov 12 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在字符断点处截断文字的实现代码
2011/04/21 PHP
php自动给文章加关键词链接的函数代码
2012/11/29 PHP
php加水印的代码(支持半透明透明打水印,支持png透明背景)
2013/01/17 PHP
php中利用str_pad函数生成数字递增形式的产品编号
2013/09/30 PHP
ThinkPHP使用PHPExcel实现Excel数据导入导出完整实例
2014/07/22 PHP
php禁止浏览器使用缓存页面的方法
2014/11/07 PHP
php单例模式示例分享
2015/02/12 PHP
php读取der格式证书乱码解决方法
2015/06/22 PHP
php实现通过soap调用.Net的WebService asmx文件
2017/02/27 PHP
js opener的使用详解
2014/01/11 Javascript
使用script的src实现跨域和类似ajax效果
2014/11/10 Javascript
javascript实现获取浏览器版本、操作系统类型
2015/01/29 Javascript
JS实现Fisheye效果动感放大菜单代码
2015/10/21 Javascript
只需五句话搞定JavaScript作用域(经典)
2016/07/26 Javascript
在html中引入外部js文件,并调用带参函数的方法
2016/10/31 Javascript
Canvas 制作动态进度加载水球详解及实例代码
2016/12/09 Javascript
ES6中Math对象新增的方法实例详解
2017/04/25 Javascript
详谈ES6中的迭代器(Iterator)和生成器(Generator)
2017/07/31 Javascript
nodejs async异步常用函数总结(推荐)
2017/11/17 NodeJs
Vue二次封装axios为插件使用详解
2018/05/21 Javascript
Node.js HTTP服务器中的文件、图片上传的方法
2019/09/23 Javascript
Node.js API详解之 string_decoder用法实例分析
2020/04/29 Javascript
微信小程序中使用 async/await的方法实例分析
2020/05/06 Javascript
详解Python的Django框架中Manager方法的使用
2015/07/21 Python
python逐行读写txt文件的实例讲解
2018/04/03 Python
python3.7.0的安装步骤
2018/08/27 Python
python linecache 处理固定格式文本数据的方法
2019/01/08 Python
python实现测试工具(一)——命令行发送get请求
2020/10/19 Python
把Anaconda中的环境导入到Pycharm里面的方法步骤
2020/10/30 Python
美国最大的在线寄售和旧货店:Swap.com
2018/08/27 全球购物
企业治理工作自我评价
2013/09/26 职场文书
幼儿园消防演练方案
2014/02/13 职场文书
毕业评语大全
2014/05/04 职场文书
幼儿园托班教育随笔
2015/08/14 职场文书
python_tkinter弹出对话框创建
2022/03/20 Python
CSS 实现角标效果的完整代码
2022/06/28 HTML / CSS