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