JavaScript是一種非常有用的編程語言，其中函數是其中最重要的部分之一。函數允許我們將代碼塊歸類到特定的命名單元中，以便在需要訪問它們時進行重用。在JavaScript中，函數內部可以訪問外部作用域中的變量，這種變量稱為“函數外變量”，下面我們將更詳細地介紹它。

例如，假設我們有一個名為“message”的變量，它保存一個值“hello”，我們在函數內部使用該變量：

var message = "Hello";
function showMessage() {
alert(message);
}
showMessage(); // 輸出 "Hello"

在此代碼中，“showMessage”函數使用“message”變量，即使變量在函數外部定義。這是因為在JavaScript中，函數內部可以使用作用域鏈來查找它所需的變量。作用域鏈是一種由嵌套函數作用域組成的列表，其中每個函數作用域可以訪問其父級函數作用域中的變量。

如果我們在一個函數內部定義一個與外部作用域中的變量同名的變量，那么該函數內部的變量將覆蓋外部變量，即使我們在函數內部嘗試訪問外部變量：

var message = "Hello";
function showMessage() {
var message = "World"; // 覆蓋外部作用域中的 "message" 變量
alert(message);
}
showMessage(); // 輸出 "World"
alert(message); // 輸出 "Hello"，因為外部變量沒有改變

這里，“showMessage”函數內的“message”變量將覆蓋外部的“message”變量。因此，即使我們在調用函數后嘗試訪問外部變量，“message”仍將是“Hello”。為避免這種情況，我們可以通過將函數參數重命名來避免與外部變量重名：

var message = "Hello";
function showMessage(messageForDisplay) {
alert(messageForDisplay);
}
showMessage(message); // 輸出 "Hello"

這段代碼將外部的“message”變量作為參數傳遞給函數，將其重命名為“messageForDisplay”，以避免與函數內部變量重名。然后在函數內部，我們仍然可以通過“messageForDisplay”參數訪問該變量。

在JavaScript中，函數外變量是非常有用的，因為它們允許函數訪問和操作外部的狀態。但是，我們還需要小心處理外部變量，以避免意外覆蓋或錯誤地使用它們。