變數的作用域有兩種：全域變數和局部變數。本文主要和大家分享JS中的變數作用域深入解析，希望能幫助大家。
最外层函数定义的变量拥有全局作用域，即对任何内部函数来说，都是可以访问的：
var n=10;
function f1(){
console.log(n);
}
f1(); // 输出10,说明全局变量n在函数内部被读取局部变量：在函数内部声明的变量。函数内部的变量，外部无法读取。
function f1(){
var n=10;
}
console.log(n); // 没有定义，说明函数内部的变量，外部无法读取。for(var i =0;i<10;i++){
}
console.log(i)js這段程式碼，你覺得會輸出什麼？答案是10，在ES5中，只有全域作用域和函數作用域，並沒有區塊作用域，當然我們可以實現區塊作用域的功能。看下面程式碼:
(function(){
for(var i =0;i<10;i++){
}
})()
console.log(i)答案是1，這種寫法叫做立即呼叫函數表達式（IIFE），這其實就創建了一個局部作用域，該作用域聲明的變數只有在該區塊內有效，外部存取不了。這種寫法的好處就是可以做到不污染全域變數。
這裡還想再提一點，就是在ES5中，變數的宣告問題，在ES5中並不是嚴格，你可以直接採用a=10,來宣告一個全域變數。 如下：
a=10;console.log(a)
輸出10，這裡可不宣告變數就去使用它，其實js幫你做了一件事。它會執行如下程式碼:
var a=undefined;a=10;console.log(a)
那我們接下來來一點進階的東西，就是變數提升。 （ES5中的概念，ES6中新的用法不會出現變數提升），看程式碼:
a=10;
(function(){console.log(a)var a=1;
})();上面程式碼輸出什麼呢？讓我們來分析一下：
var a=undefined;
a=10;
(function(){var a=undefined;
console.log(a)
a=1;
})();了解變數提升是什麼意思了吧，其實就是將宣告提到了最前面，所以輸出的是undefined;
for(let i=0;i<10;i++){
}console.log(a)輸出a is not defined這裡，而且使用let宣告的變量，在宣告是不可以使用的。
a=3let a =10;alert(a)
將會輸出a is not defined,為什麼呢？阮一峰的ES6上這樣說，只要塊級作用域內存在let指令，它所宣告的變數就「綁定」（binding）這個區域，不再受外部的影響。 ES6明確規定，如果區塊中存在let和const命令，這個區塊對這些命令聲明的變量，從一開始就形成了封閉作用域。凡是在聲明之前就使用這些變量，就會報錯。
var a, b;
(function () {
console.log(a);// undefined
console.log(b);// undefined
var a = b = 0;// (1)
console.log(a);// 0
console.log(b);// 0
})();
console.log('window', a);// window undefined
console.log('window', b);// window 0相關推薦：
javascript變數作用域、記憶體、DOM外洩等問題實例詳解
以上是JS中的變數作用域深入解析的詳細內容。更多資訊請關注PHP中文網其他相關文章！
