浅析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 相关文章推荐
如何做到打开一个页面,过几分钟自动转到另一页面
Apr 20 Javascript
javascript 动态table添加colspan\rowspan 参数的方法
Jul 25 Javascript
web基于浏览器的本地存储方法应用
Nov 27 Javascript
jquery实现marquee效果(文字或者图片的水平垂直滚动)
Jan 07 Javascript
计算新浪Weibo消息长度(还可以输入119字)
Jul 02 Javascript
jquery+ajax验证不通过也提交表单问题处理
Dec 12 Javascript
Underscore.js常用方法总结
Feb 28 Javascript
vue项目中api接口管理总结
Apr 20 Javascript
jQuery中图片展示插件highslide.js的简单dom
Apr 22 jQuery
jquery.param()实现数组或对象的序列化方法
Oct 08 jQuery
JavaScript代码异常监控实现过程详解
Feb 17 Javascript
vue+element实现图片上传及裁剪功能
Jun 29 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 网上商城促销设计实例代码
2012/02/17 PHP
用JavaScript和注册表脚本实现右键收藏Web页选中文本
2007/01/28 Javascript
javascript中的几个运算符
2007/06/29 Javascript
JavaScript 拖拉缩放效果
2008/12/10 Javascript
Javascript中的var_dump函数实现代码
2009/09/07 Javascript
JavaScript实现点击按钮后变灰避免多次重复提交
2013/07/15 Javascript
jquery+ajax+C#实现无刷新操作数据库数据的简单实例
2014/02/08 Javascript
封装了一个支持匿名函数的Javascript事件监听器
2014/06/05 Javascript
Node.js 学习笔记之简介、安装及配置
2015/03/03 Javascript
JS数字抽奖游戏实现方法
2015/05/04 Javascript
JQuery实现鼠标移动图片显示描述层的方法
2015/06/25 Javascript
JavaScript入门系列之知识点总结
2016/03/24 Javascript
原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法
2016/08/05 Javascript
微信小程序 radio单选框组件详解及实例代码
2017/01/10 Javascript
Javascript同时声明一连串(多个)变量的方法
2017/01/23 Javascript
Bootstrap轮播图学习使用
2017/02/10 Javascript
浅谈es6语法 (Proxy和Reflect的对比)
2017/10/24 Javascript
详解从0开始搭建微信小程序(前后端)的全过程
2019/04/15 Javascript
pycharm 使用心得(六)进行简单的数据库管理
2014/06/06 Python
Python中datetime模块参考手册
2017/01/13 Python
python实现拓扑排序的基本教程
2018/03/11 Python
python利用插值法对折线进行平滑曲线处理
2018/12/25 Python
python3编写ThinkPHP命令执行Getshell的方法
2019/02/26 Python
Python中zip()函数的简单用法举例
2019/09/02 Python
TensorFlow2.X结合OpenCV 实现手势识别功能
2020/04/08 Python
Tensorflow--取tensorf指定列的操作方式
2020/06/30 Python
django中cookiecutter的使用教程
2020/12/03 Python
IE矩阵Matrix滤镜旋转与缩放及如何结合transform
2012/11/29 HTML / CSS
影视动画专业个人的自我评价
2013/12/31 职场文书
本科毕业论文指导教师评语
2014/12/30 职场文书
客户经理岗位职责大全
2015/04/09 职场文书
2015年教师业务工作总结
2015/05/26 职场文书
企业法律事务工作总结
2015/08/11 职场文书
全国劳模先进事迹材料(2016精选版)
2016/02/25 职场文书
JavaScript数组 几个常用方法总结
2021/11/11 Javascript
2022新作动画《福星小子》释出宣传影片 加入内田真礼&宫野真守配音演出
2022/04/08 日漫