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

