|
|
復(fù)制代碼 代碼如下:
<script type="text/Javascript">
var i = 1;
// 彈出內(nèi)容為 1 true 的提示框
alert(window.i + ' ' + (window.i == i));
</script>
分析：
在全局定義的變量其實(shí)就是 window 對象的屬性。
上面的例子可以看到，我們定義全局變量的同時，window 對象會產(chǎn)生一個相應(yīng)的屬性，如何讓我們的代碼避免產(chǎn)生這個屬性呢，看下面的例子。
實(shí)例二：
復(fù)制代碼 代碼如下:
<script type="text/Javascript">
var document = 1;
window.onload = function(){
alert(document);
}
// 彈出內(nèi)容為 1 的提示框
alert(window.document);
</script>
這種情況是我們不想看到的，我們可以這么做：
復(fù)制代碼 代碼如下:
<script type="text/Javascript">
function test(){
var document = 1;
window.onload = function(){
alert(document);
}
}
test();
// 彈出內(nèi)容為 [object] 的提示框
alert(window.document);
</script>
為了使代碼更加簡潔，我們可以這樣：
復(fù)制代碼 代碼如下:
<script type="text/Javascript">
(function(){
var document = 1;
window.onload = function(){
alert(document);
}
})();
// 彈出內(nèi)容為 [object] 的提示框
alert(window.document);
</script>
分析：
這種運(yùn)行匿名方法的形式，在 JavaScript 的主流框架中經(jīng)常見到，這樣做可以避免產(chǎn)生不必要的 window 對象的屬性，減少沖突的可能。
實(shí)例三：
復(fù)制代碼 代碼如下:
<script type="text/Javascript">
(function(){
if('1' == '1'){
var i = 1;
}
// 彈出內(nèi)容為 1 的提示框
alert(i);
})();
</script>
分析：
變量的作用域是整個函數(shù)，不是{}塊。
實(shí)例四：
復(fù)制代碼 代碼如下:
<script type="text/Javascript">
var i = 1;
// 彈出內(nèi)容為 1 的提示框
alert(i);
var i = 2;
// 彈出內(nèi)容為 2 的提示框
alert(i);
</script>
分析：
一個變量可以被重新定義，這個看起來有些怪，因?yàn)樵诤芏嗥渌Z言里這樣是行不通的。
實(shí)例五：
復(fù)制代碼 代碼如下:
<script type="text/Javascript">
function test(){
i = 1;
}
test();
// 彈出內(nèi)容為 1 的提示框
alert(window.i);
</script>
分析：
如果對一個沒有初始化的變量進(jìn)行賦值操作，那么這個變量會作為全局變量。
JavaScript技術(shù)：JavaScript 變量作用域及閉包第1/2頁，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
