浅析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给图片添加鼠标经过时的边框效果
Nov 12 Javascript
js实现的简单图片浮动效果完整实例
May 10 Javascript
jQuery实现微信长按识别二维码功能
Aug 26 Javascript
微信小程序 教程之注册页面
Oct 17 Javascript
javascript实现将数字转成千分位的方法小结【5种方式】
Dec 11 Javascript
React组件的三种写法总结
Jan 12 Javascript
JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法
Apr 28 Javascript
基于vue 动态加载图片src的解决方法
Feb 05 Javascript
基于Vuex无法观察到值变化的解决方法
Mar 01 Javascript
vue 中filter的多种用法
Apr 26 Javascript
vue项目动态设置页面title及是否缓存页面的问题
Nov 08 Javascript
基于js实现数组相邻元素上移下移
May 19 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
thinkphp微信开发(消息加密解密)
2015/12/02 PHP
让你的PHP7更快之Hugepage用法分析
2016/05/31 PHP
PHP使用mysqli操作MySQL数据库的简单方法
2017/02/04 PHP
PHP环形链表实现方法示例
2017/09/15 PHP
javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
2009/06/02 Javascript
javascript window对象属性整理
2009/10/24 Javascript
利用jQuery的deferred对象实现异步按顺序加载JS文件
2013/03/17 Javascript
javascript eval(func())使用示例
2013/12/05 Javascript
在JS中解析HTML字符串示例代码
2014/04/16 Javascript
从零学JSON之JSON数据结构
2014/05/19 Javascript
一个Action如何调用两个不同的方法
2014/05/22 Javascript
jQuery+css实现的蓝色水平二级导航菜单效果代码
2015/09/11 Javascript
php利用curl获取远程图片实现方法
2015/10/26 Javascript
浅谈javascript中关于日期和时间的基础知识
2016/07/13 Javascript
想学习javascript JS和jQuery哪个重要 先学哪个
2016/12/11 Javascript
jQuery实现的省市联动菜单功能示例【测试可用】
2017/01/13 Javascript
使用SVG基本操作API的实例讲解
2017/09/14 Javascript
angularjs实现的购物金额计算工具示例
2018/05/08 Javascript
理顺8个版本vue的区别(小结)
2018/09/17 Javascript
nuxt 自定义 auth 中间件实现令牌的持久化操作
2020/11/05 Javascript
Python制作爬虫采集小说
2015/10/25 Python
Python进程间通信之共享内存详解
2017/10/30 Python
Python scikit-learn 做线性回归的示例代码
2017/11/01 Python
pandas Dataframe行列读取的实例
2018/06/08 Python
Django实现登录随机验证码的示例代码
2018/06/20 Python
使用Python的networkx绘制精美网络图教程
2019/11/21 Python
Python模块相关知识点小结
2020/03/09 Python
音乐学院硕士生的自我评价分享
2013/11/01 职场文书
银行实习生的自我评价
2013/12/09 职场文书
春节活动策划方案
2014/01/24 职场文书
农贸市场管理制度
2014/01/31 职场文书
幼儿园庆六一活动方案
2014/03/06 职场文书
公司领导班子对照材料
2014/08/18 职场文书
会计岗位工作总结
2015/08/12 职场文书
你真的了解PHP中的引用符号(&)吗
2021/05/12 PHP
Java界面编程实现界面跳转
2022/06/16 Java/Android