您的位置:首页 > Web前端 > JavaScript

JS中的var self=this【转】

2016-08-18 17:31 302 查看
http://skybirdzw.blog.163.com/blog/static/7257062620137148130923/

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

我们给出一个私有的 self 参数。这个可以令对象对私有方法可见。这种做法是因为私有方法无法被公共方法调用。要令私有方法有用

它们被附加到了对象上,但它们无法从外部访问,同时它们也无法被这个对象的公共方法(prototype方法都是公有的)所访问。他们只对私有成员可见。私有方法则是构造器内部的函数。ECMAScript Language Specification中的一个错误,这个错误令 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保存至一个变量中,以便嵌套的函数能够访问它。(多用于嵌套函数中-词法作用域链概念)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: