var that = this

最新推荐文章于 2025-01-03 10:54:45 发布

原创最新推荐文章于 2025-01-03 10:54:45 发布 · 1.2k 阅读

2 ·

CC 4.0 BY-SA版权

前端同时被 2 个专栏收录

21 篇文章

订阅专栏

javascript

11 篇文章

订阅专栏

, 本文通过一个具体的JavaScript示例解释了为何在代码中使用变量that来代替this指针。这种做法有助于简化长代码段中的上下文引用，并在子元素中轻松调用上级元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为什么说一般情况下，我们对于this，更喜欢先用一个变量定义，如 var that = this.

原因如下：

<body>
	<ul>
		<li>1</li>
		<li>2</li>
		<li>3</li>
		<li>4</li>
	</ul>
	<button>点击</button>
</body>
  <script>
	window.onload = function(){
		var btn = document.getElementsByTagName("button")[0];
		btn.onclick = function(){
	          var li = document.getElementsByTagName('li');
	          for(var i=0;i<li.length;i++){
	      	if(li[i].innerHTML==2){
	      		btn.innerHTML="测试";
	      	}
	      }

        }
	}
  </script>

举个简单的例子，如上述代码所示如果我这个代码量再多一点的话，我可以直接在btn.onclick下一行写上var that = this,这样在判断语句里面的代码就可以直接写成that.innerHTML="测试".

用var that = this主要是为了代码量很多的时候能够在子元素里面方便的调用上级元素。