JavaScript 變量作用域及閉包第1/2頁

2024-05-06 14:14:29

字體：大中小

來源：轉載

供稿：網友

實例一：
代碼如下:
<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>

分析：
如果對一個沒有初始化的變量進行賦值操作，那么這個變量會作為全局變量。
12下一頁閱讀全文

上一篇：上傳圖片時JS自動顯示圖片

下一篇：Extjs ajax同步請求時post方式參數發送方式