【Js】中this与that
文章目录
- 写法
- 相关bug
- 来源
写法
在JavaScript中,this代表的是当前对象。var that=this就是将当前的this对象复制一份到that变量中。这样做有什么意义呢?
//绑定事件
bindEvent:function(){var that=this;$("btn_buy").onclick=function(){that.buy(); }$("btn_addcart").onclick=function(){that.addShopCart();}
}
从以下代码可以看到,this对象在程序中随时会改变,而var that=this之后,that没改变之前仍然是指向当时的this,这样就不会出现找不到原来的对象。
$(‘#conten').click(function(){//this是被点击的#conten
var that = this;
$(‘.conten').each(function(){//this是.conten循环中当前的对象
//that仍然是刚才被点击的#conten
});
});
相关bug
以上运行时,会报出如上错误:getApplication函数未定义,但是此函数是从全局状态管理中引用过来的,没有什么问题。
在网上百度了之后,将函数改成如下:
可正常运行,当没有换成that之前,也就是使用this时,此时系统会认为getApplication是onClose中的一个匿名函数对象,但是onClose中是没有此函数的。故会报错。若我们提前将this保存在that中,他就可以正常寻找到getApplication函数。
this的更多内容请浏览本人的另一文章
【Vue】this代表什么含义
来源
vue中this和that区别
js中 this与that
没有粉丝,没有评论,甚至连读者都没有。因为自己写的烂,因为自己水平有限,所以自己的作品一经发出就石沉大海了,得不到任何的回信,就好像自己写的东西是给自己看的。自己的作品怎么看都好像不够完美,全身的毛病,所以读者不喜欢也很正常对吧!
其实最让我开心的是有些读者们夸我文笔不错,或许是有人第一次这样夸我的缘故吧!又或许是我写的东西没什么人认可,我感受到了一种前所未有的激动,对于未来的憧憬,对自己写下去的动力。
因为有你们,我的写作之路才不孤独,因为有你们,我才能坚持到现在,如果有一天我真的写出圈了,或许我们可以整个交流会之类的,到时候促膝长谈。
“书山有路勤为径,学海无涯苦作舟。”写作苦是苦了点,整得我差点就想放弃了,不过还好有你们。我也不急着成功,因为没有个几十年如一日的坚持,哪能轻易成功?
茫茫文海无人意,天下有君识吾心。文海很孤独,但是有诸君,便足以令我至千里。
【Js】中this与that相关推荐
- 在js中使用HashMap数据结构,在js中使用K,V数据结构
首先是定义一个HashMap方法,做基类(复制在js中即可,然后引用) //简单的哈希表,begin function HashMap() {/** Map 大小 * */var size = 0;/ ...
- [JavaScript] 探索JS中的函数秘密
函数长啥样? 把一些要重复使用的内容封装到函数内. function foo(title) {console.log(title) } foo('title') foo('dust') foo('he ...
- 在node.js中,使用基于ORM架构的Sequelize,操作mysql数据库之增删改查
Sequelize是一个基于promise的关系型数据库ORM框架,这个库完全采用JavaScript开发并且能够用在Node.JS环境中,易于使用,支持多SQL方言(dialect),.它当前支持M ...
- 在JS中最常看到切最容易迷惑的语法(转)
发现一篇JS中比较容易迷惑的语法的解释,挺有用的,转载下,与大家分享: js中大括号有四种语义作用 语义1,组织复合语句,这是最常见的 Js代码 if( condition ) { //... }e ...
- js去el的map_转:el表达式获取map对象的内容 js中使用el表达式 js 中使用jstl 实现 session.removeattribute...
原文链接: 总结: el表达式获取map对象的内容 后端: HashMap map1 = new HashMap(); map1.put("key1","lzsb&quo ...
- js中substr,substring,indexOf,lastIndexOf的用法
js中substr,substring,indexOf,lastIndexOf等的用法 1.substr substr(start,length)表示从start位置开始,截取length长度的字符串 ...
- js中的各种宽高以及位置总结
在javascript中操作dom节点让其运动的时候,常常会涉及到各种宽高以及位置坐标等概念,如果不能很好地理解这些属性所代表的意义,就不能理解js的运动原理,同时,由于这些属性概念较多,加上浏览器之 ...
- WKWebView Safari调试、JS互调、加载进度条、JS中alert、confirm、prompt
主要内容 Safari调试 swift/OC与JS互调 增加加载进度条 支持JS中alert.confirm.prompt Safari调试 设置 -> safari --> 高级,开启J ...
- 彻底理解js中this
相关博文:http://blog.csdn.net/libin_1/article/details/49996815 彻底理解js中this的指向,不必硬背. 首先必须要说的是,this的指向在函数定 ...
- 彻底理解js中this的指向
首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(这句话有些问题,后面会解释为什么会有问题,虽然 ...
最新文章
- vb.net调用oracle存储过程,今天搞好了VB.NET调用Oracle存储过程返回游标的问题
- 树莓派(Raspberry Pi 3) - 系统烧录及系统使用
- Winform中设置ZedGraph因设置小刻度导致的竖直虚线显示过多
- Codeforces Round #359 div2
- 【设计思想解读开源框架】mysql官方文档中文版下载免费
- 定时器的实现原理 不消耗cpu_brpc定时器实现原理
- 一个神秘 URL 酿大祸,差点让我背锅!
- CMake构建_增加编译选项(debugrelease)
- java前后端分离使用token_前后端分离以及token的使用
- codebook 背景减除
- -webkit-background-clip属性不生效问题
- 计算机中低级语言和高级语言的区别?
- 移动端H5强制页面横屏展示
- win32asm写的红警2的修改器
- Android studio 设置豆绿色
- java 根据pdf模板表单生成对应pdf(用于荣誉证书等生成)
- ppt演示文档如何瘦身
- linux命令行显示主机名和当前目录
- php的JIT特性,PHP8新特性之JIT简介
- 4月4日网站变灰实录