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

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来调用了,这才是目的。

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

 

posted @ 2018-02-22 07:47  herizai  阅读(2179)  评论(0编辑  收藏  举报