Javascript 沒有塊級作用域

對于很多初學者來說，理解 Javascript 的作用域是一個比較棘手的問題，其中一個重要的知識點就是塊級作用域。在很多編程語言中，大括號包裹起來的代碼塊都具有獨立的作用域，但是在 Javascript 中，情況有些不同。

例如，我們有一個經典的問題：for 循環中使用var 聲明一個變量i：

<script>
for(var i = 0; i < 10; i++) {
// do something
}
console.log(i); // 輸出10
</script>

很多人會認為這段代碼會拋出一個錯誤，因為變量i在for 循環結束后，它的作用域應該已經結束了，然而實際上卻并非如此。在 Javascript 中，變量i的作用域不是僅限于for 循環的內部，它是一個全局變量。

同樣的，如果我們在一個代碼塊中定義一個變量，它的作用域依舊是全局的：

<script>
{
var x = 1;
}
console.log(x); // 輸出1
</script>

在這個例子中，變量x 被定義在了代碼塊中，但是它的作用域是整個 Javascript 文件。這就是 Javascript 沒有塊級作用域的表現。

這種行為帶來的一個問題是，在復雜的程序中，可能會導致變量名沖突的問題。例如，如果我們在一個函數中定義了一個變量，它的名字與全局變量一樣，會發生什么呢？

<script>
var x = 1;
function foo() {
var x = 2;
console.log(x); // 輸出2
}
foo();
console.log(x); // 輸出1
</script>

在這個例子中，我們定義了一個全局變量x 和一個函數內部的變量x，它們的作用域是不同的。當我們在函數foo 中使用變量x 時，會優先使用函數內部的變量x，而當我們在函數外使用變量x 時，會訪問全局變量x。

另外需要注意的一點是，如果我們在函數內部不使用var 聲明變量，那么它會自動變成全局變量：

<script>
function foo() {
y = 2;
}
foo();
console.log(y); // 輸出2
</script>

在這個例子中，我們在函數內部沒使用var 聲明變量y，但是它在foo 函數執行后變成了全局變量。

結論

Javascript 沒有塊級作用域，這意味著在一個代碼塊中定義的變量作用域不僅限于這個代碼塊，而是整個 Javascript 文件。

理解 Javascript 的作用域是非常重要的，特別是當你寫大型或者復雜的程序時。理解作用域可以幫助你避免命名沖突和其他潛在的問題。