何時在 JavaScript 中使用 `eval()` 與 `new Function()`？

區分JavaScript 中的eval() 和new Function()

在JavaScript 中，開發人員經常遇到兩個看似執行相似任務的函數： eval() 和new Function()。雖然這兩個函數將字串作為程式碼進行評估，但它們的底層機制和意義卻截然不同。

eval() 與 new Function()

eval() 函數評估字串作為目前執行範圍內的 JavaScript 表達式。這意味著它可以存取當前作用域中定義的局部變數。相較之下，new Function() 將儲存在字串中的 JavaScript 程式碼解析為函數對象，然後可以呼叫該函數對象。此函數物件是在單獨的作用域中建立的，因此無法存取呼叫環境的局部變數。

範例

為了說明這個區別，請考慮以下程式碼：

var evaluate = function(string) {
    return eval('(' + string + ')');
}

var func = function(string) {
    return (new Function( 'return (' + string + ')' )());
}

console.log(evaluate('2 + 1'));
console.log(func('2 + 1'));

兩個函數都會輸出預期結果 3。但是，如果我們修改程式碼以使用局部變量，差異就會變得明顯：

function test1() {
    var a = 11;
    eval('(a = 22)'); // Modifies the local variable within the `test1` function
    alert(a);            // Alerts 22
}

在這種情況下，使用eval() 將修改局部變數a，因為計算發生在test1 函數的範圍內。但是，如果我們使用 new Function('return (a = 22);')() 代替，則局部變數 a 將不受影響，因為程式碼在單獨的作用域中運行。

安全性和注意事項

需要注意的是，eval() 和new Function() 在與不受信任的資料一起使用時可能會帶來安全風險。惡意輸入可能會暴露敏感資訊或執行任意程式碼。因此，除非絕對必要，否則強烈建議避免使用這些函數。

結論

綜上所述，eval() 和 new Function() 在 JavaScript 的操作方式不同。 eval() 計算目前執行範圍內的字串，而 new Function() 則建立一個新的計算範圍。理解這種差異對於有效的 JavaScript 程式設計和維護安全性至關重要。

以上是何時在 JavaScript 中使用 `eval()` 與 `new Function()`？的詳細內容。更多資訊請關注PHP中文網其他相關文章！