zoukankan      html  css  js  c++  java
  • 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来调用了,这才是目的。
    
         也许正如你所说的,我的那个方法中,后面并没有再次嵌套子方法,那可能只是为了编码规范。
  • 相关阅读:
    如何编写测试用例
    bug的合规描述
    Linux常用命令学习
    测试用列设计
    软件质量管理
    测试的分类
    软件工程模型
    软件测试核心概念
    Thinking in C++ 第十三章 动态对象创建
    python urllib
  • 原文地址:https://www.cnblogs.com/herizai/p/8457941.html
Copyright © 2011-2022 走看看