JS中的var self=this【转】

var self = this //指代本作用域的对象

我们给出一个私有的 self 参数。这个可以令对象对私有方法可见。这种做法是因为私有方法无法被公共方法调用。要令私有方法有用
它们被附加到了对象上,但它们无法从外部访问,同时它们也无法被这个对象的公共方法(prototype方法都是公有的)所访问。他们只对私有成员可见。私有方法则是构造器内部的函数。
ECMAScript Language Specification中的一个错误,这个错误令 this 不能正确地对内部函数设置。

 

JS <wbr>var <wbr>self <wbr>=this;
 function Class1(){
            //self(self被附加到了对象上) self只对私有成员可见(能.点出来 i aa() .点不出来public_dd())
            var self = this;
            this.i = 1;
            this.aa = function(){
                this.i ++;
                alert(this.i);
            }
            var private_bb = function(){
                alert(self.i);
                //self.public_dd();//错误 self无法从外部访问,同时self也无法被这个对象的公共方法所访问
                //aa();//错误  私有方法要通过self调用
                public_dd();//可以直接调用 不能用self.public_dd();
                self.aa();
            }
            this.cc = function(){
                private_bb();//私有函数
            }
            
            //可以直接调用
            //  对象的公共方法
            function public_dd()
            {
                self.aa();
                alert("dd");
            }
        }
        var o = new Class1();//调用Class1构造函数不运行++(初始化没有调用不运行)
        o.cc();//运行++
        document.write(o.i);//return 2

 

使用var声明的变量,每个变量的作用域都是局部的,这就意味着它们只能在它们所定义的函数内部访问。如果不使用var的话,变量的作用域就是全局的,也就是变量可以被Web页面中任何地方的所有JavaScript代码(或者在本页面所包含的任何外部JS库中)访问。
如果你有相同名字的全局变量和局部变量的话,设定变量的作用域很重要。从开始就养成良好的JavaScript编程习惯。这种习惯之一就是:显式地定义变量的作用域。
下面是一些考虑作用域时的规则:
如果函数中的变量在声明时使用了关键字var,它就只能在此函数的局部使用。
如果函数中的变量在声明时没有使用关键字var,而又存在一个同名的全局变量,它就会被当作那个全局变量。
如果变量在局部中声明并使用了关键字var,但它又没有被初始化(比如赋值),它可以访问但没有被定义。
如果变量在局部中声明,但没有使用关键字var,或显式地声明为全局变量,但它又没有被初始化,它在全局上可以访问但没有被定义。
通过在函数中使用var,你可以防止使用同名的全局变量和局部变量所造成的问题。这在使用外部JavaScript库的时候尤为关键。

getCatalogTree:function(CId,strId){
 ...
},
Oper:function(catalogId){
 this.getCatalogTree(0,"tree");//在外调用 别的方法this
 this.option.onSuccess = function(transport){
      if(self.ChkMng(transport.responseText))
     {
          self.getCatalogTree(0,"tree");//在里面 调用 别的方法self
     } 
  };
}

以上内容转自:http://blog.sina.com.cn/s/blog_7fbee6a101019svu.html

//--------------------以下是自己的测试----------------------------

function A()
{
    var self = this; //self代表本作用域对象,只能访问私有成员(this),不能访问局部成员(var)
    this.item1 = 0;
    this.fun1 = function () { alert("func1"); }

    var item11 = "111"; //局部变量
    var fun11 = function () { alert("func11");}
}

function B()
{
    A.call(this); //指定函数A的作用域为当前函数B
    var self = this;
    this.item2 = ""; //成员变量
    item3 = ""; //全局变量(当声明一个变量时没用任何声明符【var或this】,就成为了一个全局变量)
    this.item1 = 1; //继承而来的成员变量
   
    alert(this.item1);
}

var b=new B();

//通过构造函数实例化的实例只拥有this定义的成员,不拥有var定义的成员!

/************** 2013-11-15 总结 Begin********************/

为什么会在函数中使用var self=this;
自己总结:因为函数中的this指向的是调用此函数的对象的,为了和函数内定义的局部方法中的this进行区分,如:
$(this.checkAllDom).change(function () {
    if ($(this).attr("checked")) {
        $(self.checkInputDom).attr("checked", true);
    }
    else {
        $(self.checkInputDom).attr("checked", false);
    }
});

/************** 2013-11-15 总结 End********************/

附:var self=this; //将this保存至一个变量中,以便嵌套的函数能够访问它。(多用于嵌套函数中-词法作用域链概念)

posted @ 2018-10-08 16:38  skybirdzw  阅读(239)  评论(0编辑  收藏  举报