文章目录

  • 写法
  • 相关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相关推荐

  1. 在js中使用HashMap数据结构,在js中使用K,V数据结构

    首先是定义一个HashMap方法,做基类(复制在js中即可,然后引用) //简单的哈希表,begin function HashMap() {/** Map 大小 * */var size = 0;/ ...

  2. [JavaScript] 探索JS中的函数秘密

    函数长啥样? 把一些要重复使用的内容封装到函数内. function foo(title) {console.log(title) } foo('title') foo('dust') foo('he ...

  3. 在node.js中,使用基于ORM架构的Sequelize,操作mysql数据库之增删改查

    Sequelize是一个基于promise的关系型数据库ORM框架,这个库完全采用JavaScript开发并且能够用在Node.JS环境中,易于使用,支持多SQL方言(dialect),.它当前支持M ...

  4. 在JS中最常看到切最容易迷惑的语法(转)

    发现一篇JS中比较容易迷惑的语法的解释,挺有用的,转载下,与大家分享: js中大括号有四种语义作用 语义1,组织复合语句,这是最常见的 Js代码  if( condition ) { //... }e ...

  5. js去el的map_转:el表达式获取map对象的内容 js中使用el表达式 js 中使用jstl 实现 session.removeattribute...

    原文链接: 总结: el表达式获取map对象的内容 后端: HashMap map1 = new HashMap(); map1.put("key1","lzsb&quo ...

  6. js中substr,substring,indexOf,lastIndexOf的用法

    js中substr,substring,indexOf,lastIndexOf等的用法 1.substr substr(start,length)表示从start位置开始,截取length长度的字符串 ...

  7. js中的各种宽高以及位置总结

    在javascript中操作dom节点让其运动的时候,常常会涉及到各种宽高以及位置坐标等概念,如果不能很好地理解这些属性所代表的意义,就不能理解js的运动原理,同时,由于这些属性概念较多,加上浏览器之 ...

  8. WKWebView Safari调试、JS互调、加载进度条、JS中alert、confirm、prompt

    主要内容 Safari调试 swift/OC与JS互调 增加加载进度条 支持JS中alert.confirm.prompt Safari调试 设置 -> safari --> 高级,开启J ...

  9. 彻底理解js中this

    相关博文:http://blog.csdn.net/libin_1/article/details/49996815 彻底理解js中this的指向,不必硬背. 首先必须要说的是,this的指向在函数定 ...

  10. 彻底理解js中this的指向

    首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(这句话有些问题,后面会解释为什么会有问题,虽然 ...

最新文章

  1. vb.net调用oracle存储过程,今天搞好了VB.NET调用Oracle存储过程返回游标的问题
  2. 树莓派(Raspberry Pi 3) - 系统烧录及系统使用
  3. Winform中设置ZedGraph因设置小刻度导致的竖直虚线显示过多
  4. Codeforces Round #359 div2
  5. 【设计思想解读开源框架】mysql官方文档中文版下载免费
  6. 定时器的实现原理 不消耗cpu_brpc定时器实现原理
  7. 一个神秘 URL 酿大祸,差点让我背锅!
  8. CMake构建_增加编译选项(debugrelease)
  9. java前后端分离使用token_前后端分离以及token的使用
  10. codebook 背景减除
  11. -webkit-background-clip属性不生效问题
  12. 计算机中低级语言和高级语言的区别?
  13. 移动端H5强制页面横屏展示
  14. win32asm写的红警2的修改器
  15. Android studio 设置豆绿色
  16. java 根据pdf模板表单生成对应pdf(用于荣誉证书等生成)
  17. ppt演示文档如何瘦身
  18. linux命令行显示主机名和当前目录
  19. php的JIT特性,PHP8新特性之JIT简介
  20. 4月4日网站变灰实录

热门文章

  1. 【开篇】STM32F103C8T6 含义、命名规则、GPIO原理以及初始化(参考男神江科协,学习交流用)
  2. lombok 1.18.10
  3. sql查询之 max使用
  4. smbus协议_SMBus知识总结及在Intel服务器电路中的应用
  5. React Native小菜鸡的踩坑排雷记录(4)
  6. 【5G网络优化工程师课程1——5G频段及栅格】
  7. 如何做好网页前端的设计
  8. UE_Virtual Texture
  9. 2020年最新人工智能算法工程师学习资料大全!!!
  10. 开通个人博客啦,附上Vultr+WordPress建站全面指南