浅析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 相关文章推荐
关于IE7 IE8弹出窗口顶上
Dec 22 Javascript
基于jquery的时间段实现代码
Aug 02 Javascript
JQuery 图片的展开和伸缩实例讲解
Apr 18 Javascript
jquery点击页面任何区域实现鼠标焦点十字效果
Jun 21 Javascript
8个实用的jQuery技巧
Mar 04 Javascript
js实现仿百度风云榜可重复多次调用的TAB切换选项卡效果
Aug 31 Javascript
AngularJS 入门教程之事件处理器详解
Aug 19 Javascript
jQuery中$.grep() 过滤函数 数组过滤
Nov 22 Javascript
详谈js原型继承的一些问题
Sep 06 Javascript
利用vue + element实现表格分页和前端搜索的方法
Dec 25 Javascript
深入koa-bodyparser原理解析
Jan 16 Javascript
vue-form表单验证是否为空值的实例详解
Oct 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
自己动手做一个SQL解释器
2006/10/09 PHP
PHP下利用header()函数设置浏览器缓存的代码
2010/09/01 PHP
解析WordPress中控制用户登陆和判断用户登陆的PHP函数
2016/03/01 PHP
PHP 数组遍历foreach语法结构及实例
2016/06/13 PHP
PHP 500报错的快速解决方法
2016/12/14 PHP
PHP底层运行机制与工作原理详解
2020/07/31 PHP
js控制表单不能输入空格的小例子
2013/11/20 Javascript
使用js实现关闭js弹出层的窗口
2014/02/10 Javascript
js(JavaScript)实现TAB标签切换效果的简单实例
2014/02/26 Javascript
javascript快速排序算法详解
2014/09/17 Javascript
js QQ客服悬浮效果实现代码
2014/12/12 Javascript
js实现鼠标经过时图片滚动停止的方法
2015/02/16 Javascript
ECMAScript6函数默认参数
2015/06/12 Javascript
深入浅析JavaScript中的constructor
2016/04/19 Javascript
nodeJS(express4.x)+vue(vue-cli)构建前后端分离实例(带跨域)
2017/07/05 NodeJs
利用vue+elementUI实现部分引入组件的方法详解
2017/11/22 Javascript
快速了解vue-cli 3.0 新特性
2018/02/28 Javascript
Python通过递归遍历出集合中所有元素的方法
2015/02/25 Python
Python计算三角函数之asin()方法的使用
2015/05/15 Python
python自动登录12306并自动点击验证码完成登录的实现源代码
2018/04/25 Python
Python 查看list中是否含有某元素的方法
2018/06/27 Python
Python 实现Windows开机运行某软件的方法
2018/10/14 Python
Django全局启用登陆验证login_required的方法
2020/06/02 Python
Python中logger日志模块详解
2020/08/04 Python
python+selenium自动化实战携带cookies模拟登陆微博
2021/01/19 Python
CSS3实现任意图片lowpoly动画效果实例
2017/05/11 HTML / CSS
HTML5操作WebSQL数据库的实例代码
2017/08/26 HTML / CSS
浅谈Html5移动端ios/Android兼容性总结
2018/06/01 HTML / CSS
固特异美国在线轮胎店:Goodyear Tire
2019/02/23 全球购物
客服文员岗位职责
2013/11/29 职场文书
九年级家长会邀请函
2014/01/15 职场文书
《三顾茅庐》教学反思
2014/04/10 职场文书
培训研修方案
2014/06/06 职场文书
苹果电脑mac os中货币符号快捷输入
2022/02/17 杂记
Android开发 使用文件储存的方式保存QQ密码
2022/04/24 Java/Android
springboot集成redis存对象乱码的问题及解决
2022/06/16 Java/Android