JavaScript是一種弱類型腳本語言，不像Java需要編譯成字節碼才能運行。在JavaScript中，變量的作用域是由詞法塊決定的。因此，了解詞法作用域是JavaScript編寫者必須掌握的知識。

詞法作用域意味著程序員可以在編寫代碼時確定變量的作用域范圍。當我們在一個函數作用域中聲明一個變量，這個變量只能在這個函數內部使用。如果我們在一個循環中聲明變量，則該變量只能在循環內部訪問。

function foo() {
var x = 1;
console.log(x);
}
foo(); //輸出1
console.log(x); // 報錯：x未定義

如上所示，這個x變量只在foo函數的作用域中定義，我們不能在函數外部訪問這個變量。

代碼塊中的變量同樣遵循詞法作用域規則。在一個if語句或一個循環中聲明的變量只能在該塊中使用，而不會泄漏到外部作用域。

if (true) {
var a = 1;
}
console.log(a); // 輸出1

這里我們使用var聲明了一個變量a，并在if塊中對它進行初始化。后面在全局作用域中調用console.log，變量a仍然可以訪問。

然而，如果我們使用let或const定義變量，則它們的作用域僅限于當前的代碼塊中。

if (true) {
let b = 1;
}
console.log(b); // 報錯：b未定義

代碼中定義的變量b只能在if塊中使用。在if之外，我們無法找到這個變量。

值得注意的是，在JavaScript中函數聲明和函數表達式也會受到詞法作用域的約束。

function bar() {
function inner() {
console.log("內部函數調用成功");
}
inner();
}
bar(); // 輸出"內部函數調用成功"
inner(); // 報錯：inner未定義

這里我們定義了一個函數bar，它包含了另一個函數inner。由于inner定義在bar內部，因此只有函數bar才可以調用它。

總之，JavaScript的詞法作用域讓開發者能夠自由地掌控變量的作用域范圍。對于構建復雜的程序，這一特性尤為重要。