JavaScript 中的 eval() 和 new Function() 真的可以互換嗎？

深入研究差異：eval() 和 new Function() 在 JavaScript 中可以互換嗎？

在 JavaScript 中，我們常常會遇到類似這樣的函數eval() 和 new Function()。雖然它們的語法乍看之下似乎很相似，但仔細檢查就會發現它們的行為有根本差異。

考慮以下單語句函數：

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'));

這兩個函數的運算是否相同？與普遍看法相反，它們不是。

eval() 與new Function()

• eval()：解釋目前執行範圍內作為JavaScript 表達式的字元串。它具有訪問局部變數的能力。
• new Function()：從包含 JavaScript 程式碼的字串建構函式物件。該函數在單獨的作用域中運行，將其與局部變數隔離。

為了說明這種差異，請考慮以下函數：

function test1() {
    var a = 11;
    eval('(a = 22)');
    alert(a);            // alerts 22
}

在此範例中， eval() 修改test1() 函數中的局部變數“a”，導致警報為22。但是，如果我們使用 new Function('return (a = 22);')()，則局部變數「a」將保持不變。

意義和注意事項

雖然eval() 和new Function() 都達到了各自的目的，但值得注意的是eval() 具有固有的安全性風險。它存取局部變數並可能修改全域範圍的能力可能會導致意想不到的後果。

因此，除非絕對必要，否則通常建議避免使用 eval()。傳遞到 eval() 的不受信任的資料可能會損害應用程式的安全性。同樣，在處理不受信任的輸入時，應謹慎使用 new Function()。

以上是JavaScript 中的 eval() 和 new Function() 真的可以互換嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！