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来调用了,这才是目的。
也许正如你所说的,我的那个方法中,后面并没有再次嵌套子方法,那可能只是为了编码规范。