JS全局變量和局部變量最新解析
就是這種盲目無原理依據(jù)的研究測試弄暈了我, 有必要這么做嗎? 其實理解了原理就沒必要搞這么多一個一個的試, 然后得出規(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 })();
令人意外的是,最后一個 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)) //取消變量后,引用,和第一個相同
以上所述是小編給大家介紹的JS全局變量和局部變量最新解析,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
JavaScript?中如何攔截全局?Fetch?API?的請求和響應(yīng)問題
在本文中,我們介紹了什么是 JavaScript 攔截器,學(xué)習(xí)了如何通過給 Fetch API 使用猴子補丁和使用 fetch-intercept 庫來創(chuàng)建攔截器,對js攔截全局Fetch?API的請求和響應(yīng)知識感興趣的朋友跟隨小編一起看看吧2023-01-01解決layui動態(tài)添加的元素click等事件觸發(fā)不了的問題
今天小編就為大家分享一篇解決layui動態(tài)添加的元素click等事件觸發(fā)不了的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09JavaScript中獲取鼠標(biāo)位置相關(guān)屬性總結(jié)
這篇文章主要介紹了JavaScript中獲取鼠標(biāo)位置相關(guān)屬性總結(jié),本文重點在搞清楚這些屬性的區(qū)別,需要的朋友可以參考下2014-10-10JavaScript實現(xiàn)六種網(wǎng)頁圖片輪播效果詳解
在網(wǎng)頁中,我們經(jīng)常會看到各種輪播圖的效果,它們到底是怎樣實現(xiàn)的呢?本文將為大家詳細(xì)介紹一下六種不同的輪播效果的實現(xiàn),需要的可以參考一下2021-12-12