JS全局變量和局部變量最新解析

    就是這種盲目無原理依據(jù)的研究測試弄暈了我, 有必要這么做嗎? 其實(shí)理解了原理就沒必要搞這么多一個(gè)一個(gè)的試, 然后得出規(guī)律, ECMAScript規(guī)則都已經(jīng)定義好了.
    var的規(guī)則是: 使用var聲明變量就是內(nèi)部變量, 否則就是先調(diào)用全局變量, 不管多少層函數(shù).
    this的規(guī)則是: method函數(shù)里的this永遠(yuǎn)指向自身, 普通函數(shù)的this永遠(yuǎn)指向DOMWindow.
    // GodDamnTest1
    function Foo() {
    var a = 123; // 局部變量, 所有子函數(shù)的全局變量
    this.a = 456; // 對象屬性
    (function() {
    alert(a); // 123, 全局
    alert(this.a); // undefined, 普通函數(shù), this指向DOMWindow
    })();
    }
    var f = new Foo();
    // GodDamnTest2
    function Foo() {
    var a = 123;
    this.a = 456;
    (function(a) { // 局部聲明
    alert(a); // 456, 被函數(shù)局部聲明的a覆蓋了全局
    })(this.a);
    }
    var f = new Foo();
    // GodDamnTest3
    function Foo() {
    var a = 123;
    this.a = 456;
    (function() {
    alert(a); // 123, 全局
    alert(this.a); // undefined, DOMWindow
    this.b = 789; // window.b = 789
    })();
    (function() {
    alert(this.b); // 789, window.b
    })();
    }
    var f = new Foo();
    (function() {
    alert(this.b); // 789, window.b
    })();
    // GodDamnTest4
    function Foo() {
    (function() {
    this.b = 789; // window.b = 789
    })();
    (function() {
    alert(this.b); // 789, window.b
    var b = 0;
    alert(b); // 0, 這樣的測試也寫出來了!
    })();
    }
    var f = new Foo();
    (function() {
    alert(this.b); // 789, window.b
    alert(b); // 789, window.b
    })();
    令人意外的是，最后一個(gè) alert(b)，結(jié)果仍然是 789。 // no damn surprise at all!
    // GodDamnTest5
    function Foo() {
    (function() {
    this.b = 789; // window.b = 789
    })();
    (function() {
    alert(this.b); // 789, window.b
    alert(b); // undefined, 全局
    var b = 0;
    alert(b); // 0, 還有這種測試!
    })();
    }
    var f = new Foo();
    (function() {
    alert(this.b); // 789, window.b
    alert(b); // 789, window.b
    })();
    PS：JS刪除局部變量的方法
    alert('value:'+str+'\ttype:'+typeof(str)) //聲明變量前，引用
    var str="dd";
    alert('value:'+str+'\ttype:'+typeof(str)) //聲明并賦值變量后，引用
    str=undefined;　　　　　　　　　　　　 //刪除局部變量
    alert('value:'+str+'\ttype:'+typeof(str)) //取消變量后，引用，和第一個(gè)相同
    以上所述是小編給大家介紹的JS全局變量和局部變量最新解析，希望對大家有所幫助