javascript中,一个js中的函数,第一句var _this = this;为什么要这样做?

2026-07-15 00:07:34

javascript中,一个js中的函数,第一句var _this = this;为什么要这样做? 下面是源码:

1 下面这段代码是常用的网站首页,自动切换span或者tabbar来变更List显示内容的关键方法:

2 function scrollDoor(){

3 }

4 scrollDoor.prototype = {

5 sd : function(menus,divs,openClass,closeClass){

6 var _this = this; //大家看清楚了,在这里,为什么不直接用this,要用_this代替后面的所有this,这有什么特殊的意义吗?如果用了this会怎么样?一共2个问题哈!

7 if(menus.length != divs.length)

8 {

9 alert("菜单层数量和内容层数量不一样!");

10 return false;

11 }

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

13 {

14 _this.$(menus[i]).value = i;

15 _this.$(menus[i]).onmouseover = function(){

16

17 for(var j = 0 ; j < menus.length ; j++)

18 {

19 _this.$(menus[j]).className = closeClass;

20 _this.$(divs[j]).style.display = "none";

21 }

22 _this.$(menus[this.value]).className = openClass;

23 _this.$(divs[this.value]).style.display = "block";

24 }

25 }

26 },

27 $ : function(oid){

28 if(typeof(oid) == "string")

29 return document.getElementById(oid);

30 return oid;

31 }

32 }

问题一:

不知道楼主有没有接触过jquery jquery里边有一个特别典型的例子能说明用_this的作用

$("#btn").click(function(){

var _this = this;//这里this和_this都代表了"#btn"这个对象

$(".tr").each(function(){

this;//在这里this代表的是每个遍历到的".tr"对象

_this;//仍代表"#btn"对象

})

})

这种情况就是在一个代码片段里this有可能代表不同的对象,而编码者希望_this代表最初的对象

问题2:

其实并没有全部使用_this

但是据我所看,应该没有任何区别的,楼主的代码里用_this可能只是为了编码规范吧

你给的例子给了我很好的启发,因为JS可以多层嵌套代码,可能下面还可以再嵌一个方法,引用this就会变成子方法控制的对象,如果需要上级的对像,在没有参数的情况下,前面前提做了一个临时变量_this,可以保存上级对像,子方法中就可以用_this来调用了,这才是目的。

也许正如你所说的,我的那个方法中,后面并没有再次嵌套子方法,那可能只是为了编码规范。