js中的that = this

最新推荐文章于 2022-12-21 15:46:02 发布
最新推荐文章于 2022-12-21 15:46:02 发布
阅读量267 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/bo1989/articles/8214598.html
版权

你可能会发现别人写的代码中有这么一句：var that = this;，这代表什么意思呢？

在javascript中，this代表的是当前对象。

var that=this就是将当前的this对象复制一份到that变量中。this对象在程序中随时会改变，而var that=this之后，that没改变之前仍然是指向当时的this，这样就不会出现找不到原来的对象。

 

 

代码一：

window.οnlοad=function(){ var index=0; var timer=null;

var lis=$('notice-tit').getElementsByTagName('li'),    

divs=$('notice-con').getElementsByTagName('div');

for(var i=0;i<lis.length;i++)

{

lis[i].id=i;

 lis[i].οnmοuseοver=function()

{

var that=this; //如果存在准备执行的计时器，立刻清除

if(timer){ clearTimeout(timer); timer=null;

}

timer=setTimeout(function(){

  for(var j=0;j<lis.length;j++){

     lis[j].className=''; divs[j].style.display='none';

  }

lis[that.id].className='select';

divs[that.id].style.display='block';

 },500)

 }  } }

不加第二个红色代码行时，当然后面的that换成this，出现报错：Uncaught TypeError: Cannot set property 'className' of undefined。

查过之后错误可能有两种：一是li标签没有加上id；二是this指的对象不对。

在我的代码中错误是第二种，this指代的对象不对，在setTimeout里面的this指的是window，而不再是li标签了。

因为setInterval和setTimeout属于window的方法，window为它们的对象。

但是在setTimeout外面this仍然指li标签，故用that变量来引用当时滑过的li标签。

 

 

代码二

使用that之前：
<html>
<head>
<script type="text/javascript">
function upperCase(x)
{
var y=document.getElementByIdx_x(x).value
document.getElementByIdx_x(x).value=y.toUpperCase()
}
</script>
</head>
<body>
输入些字母：
<input type="text" id="code"
οnchange="upperCase(this.id)">
</body>
</html>
 
使用that之后：
<html>
<head>
<script type="text/javascript">
function upperCase(that)
{
var y=document.getElementByIdx_x(that.id).value
document.getElementByIdx_x(that.id).value=y.toUpperCase()
}
</script>
</head>
<body>
输入些字母：
<input type="text" id="code"
οnchange="upperCase(this)">
</body>
</html>
注意：上面的x_x是chrome浏览器加上的。

转载于:https://www.cnblogs.com/bo1989/articles/8214598.html

weixin_30455661
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript 中that的含义示例介绍
10-25
var that = this;，这代表什么意思呢？this代表的是当前对象，var that=this就是将当前的this对象复制一份到that变量中，下面为大家介绍这样做有什么意义
js中的var that=this
精通PHP,JAVA,上海话，广东话，英语，汉语等各种语言
12-19 830
在小程序或者js开发中，经常需要使用var that = this;开始我以为是无用功，（原谅我的无知），后来从面向对象的角度一想就明白了，下面简单解释一下我自己的理解。 代码示例： Page({ data: { test:10 }, testfun1: function () { console.log(this.data.test) // 10 function testfun2(){ c...
JS中的 that = this
H_c_l的博客
09-21 529
在JavaScript中，this代表的是当前对象。 this 是JavaScript语言的一个关键字。它代表函数运行时，自动生成一个内部对象，只能在函数内部使用 var that = this 就是将当前的this对象复制一份到that变量中，这样做有什么意义呢？ $(‘#conten').click(function(){ //this是被点击的#conten var that = this;...
为什么在js中要写var this =that？
ganeshys2017的博客
07-07 3663
在阅读别人的代码时，发现别人写的代码中有这么一句：var that = this;，这代表什么意思呢？经过一番查阅，才明白是这么回事。 在JavaScript中，this代表的是当前对象。 var that=this就是将当前的this对象复制一份到that变量中。这样做有什么意义呢？ 1 2 3 4 5 6 7 8 $(‘#conten'
【Js】中this与that
指错||纠正||建议||水评+点赞&&评论&&关注&&转发，在这里你大概率会有所收获
03-23 1989
在JavaScript中，this代表的是当前对象。var that=this就是将当前的this对象复制一份到that变量中。这样做有什么意义呢？
JavaScript 为什么要让that=this
DATA8866的博客
05-21 2718
分享一个我的公众号，最近突然想玩小程序，之前做过一段时间前端开发，考虑到现在应用程序越来越多，未来社会一定是一个充满“只有你想不到，没有你做不到”的App的世界！而微信小程序又给我们这群喜爱开发的童鞋们提供了友好的入门机会，因此，不如就在当下，开始一步一步的学习并开发自己的小程序吧。这是我的公众号：目的是和大家讨论小程序开发，同时也带着开发小白入门设计开发微信小程序，来吧，加入！ 正文： 在写JavaScript时经常看到函数内用到var that = this 这样一句话，可能有读者就会疑问，难.
js中的that
qq_41343668的博客
03-09 2000
在学习js中经常看到函数中this变成了that一直没明白是为什么，今天学习了面向对象和面向过程之后有所感悟 下面代码使用面向对象思想实现背景颜色改变 function ChangeStyle(btnId,dvId,color) { this.btnObj=document.getElementById(btnId) this.dvObj=document.get...
浅析JavaScript中var that=this
01-19
在JavaScript中，this代表的是当前对象。 var that=this就是将当前的this对象复制一份到that变量中。这样做有什么意义呢？ $(‘#conten').click(function(){ //this是被点击的#conten var that = this; $(‘.conten...
微信小程序开发中 var that =this的用法
03-29
在微信小程序开发中，var that =this的声明很常见。举个例子，代码如下！ 示例代码1 1 //index.js 2 Page({ 3 4 data: { 5 toastHidden: true, 6 }, 7 8 loadData: function () { 9 var that = this//这里...
微信小程序中为什么使用var that=this
12-09
　在小程序或者js开发中，经常需要使用var that = this;开始我以为是无用功，（原谅我的无知），后来从面向对象的角度一想就明白了，下面简单解释一下我自己的理解，欢迎指正批评。 代码示例： Page({ data: { ...
微信小程序开发中var that =this的用法详解
01-03
在微信小程序开发中，var that =this的声明很常见。举个例子，代码如下！ 示例代码1 //index.js Page({ data: { toastHidden: true, }, loadData: function () { var that = this//这里声明了that；将this...
为什么一些老js代码会常出现that这种变量名
qq_35306736的博客
12-21 338
基于笔者个人的开发阅历来总结，在vue中见过的最多。笔者以前维护的老旧vue项目常用一些还在回调地狱的老库，需要 var _this = this;“早期的js开发者，在遇到使用_this的同样情形下，诞生了that的用法。当然，也可能和《JavaScript高效图形编程》里截图的一样，在模拟类的时候，用来取缔真正的this，进行别的处理。用this来举例的话，ruby中有self，php中有self和this，而js中的this更可能源于“JavaScript”这个名字中的“java”
js：为什么要用 that = this
彼方_的博客
06-12 3174
this是JavaScript中的一个关键字，代表当前操作对象，this的位置不同代表的对象可能也不同 var that=this就是将当前的this对象复制一份到that变量中 jquery里边有一个特别典型的例子能说明用that的作用 $("#btn").click(function(){ var that= this;//这里this和that都代表了"#btn"这个对象 $(".tr").each(function(){ this;//在这里this代表的是每个遍
js中var that=this的重要性
热门推荐
u010865136的专栏
08-27 2万+
小程序的回调函数中广泛用到了“var that = this”,ajax的success回调函数中也曾用到“var that =this”,那么var that=this到底有什么作用呢。 在javascript语言中，this代表着当前的对象，即当前操作的dom元素的对象，它在程序中随着执行的上下文随时会变化，即随着操作不同的dom对应的数值会对应发生变化。   参考：https://...
js常见的var that = this的用法
lily2016n的博客
10-13 1万+
this是Javascript语言的一个关键字。它代表函数运行时，自动生成的一个内部对象，this代表的是当前对象，只能在函数内部使用var that=this就是将当前的this对象复制一份到that变量中$(‘#conten').click(function(){ //this是被点击的#conten var that = this; $(‘.conten').each(
js中 this与that
oneblue123的博客
08-05 1万+
js中 this与that           在JavaScript中，this代表的是当前对象。        var that=this就是将当前的this对象复制一份到that变量中。这样做有什么意义呢？ //绑定事件 bindEvent:function(){ var that=this; $("btn_buy").onclick=function(){
学习javascript过程中遇到的that=this的调查解惑
没事就写点
06-15 1593
最近写微信小程序就在学js，关于关键字this的指向不是很理解，于是在收集了一系列资料以后做了以下整理，便于自己加深理解。首先是这个讲解的比较全：JavaScript中的对象查找 他说这么说的：首先，this对象只会在一个函数中需要确定，如果是在全局域下，this永远为Global对象，在浏览器中通常就是window对象。而在javascript中，函数的调用一共有4种方式：Function In...
var that=that
chummyhe89的专栏
06-01 686
javascript中var that=this;是什么意思 你可能会发现别人写的代码中有这么一句：var that = this;，这代表什么意思呢？ 在javascript中，this代表的是当前对象。 var that=this就是将当前的this对象复制一份到that变量中。这样做有什么意义呢？ $('#zhetenga').click(function(){ //this是
js中this和that
u010289760的博客
11-21 6515
that换成this;setInterval和setTimeout属于window的方法，window为它们的对象。
为什么mxgraph中要var that = this 转换后才可以使用that
最新发布
07-14
在 JavaScript 中，函数中的 `this` 关键字指向调用该函数的对象。然而，在某些情况下，函数内部的 `this` 可能会丢失或指向不正确的对象。为了解决这个问题，开发人员经常使用 `var that = this` 或类似的方式来...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值