JavaScript探秘：eval()是“魔鬼”

來源：懂視網責編：小采時間：2020-11-27 20:30:32

JavaScript探秘：eval()是“魔鬼”

JavaScript探秘：eval()是魔鬼:如果你現在的代碼中使用了eval()，記住該咒語eval()是魔鬼。此方法接受任意的字符串，并當作JavaScript代碼來處理。當有問題的代碼是事先知道的（不是運行時確定的），沒有理由使用eval()。如果代碼是在運行時動態生成，有一個更好的方式不使用eval而

推薦度：

點擊下載本文 文檔為doc格式

導讀JavaScript探秘：eval()是魔鬼:如果你現在的代碼中使用了eval()，記住該咒語eval()是魔鬼。此方法接受任意的字符串，并當作JavaScript代碼來處理。當有問題的代碼是事先知道的（不是運行時確定的），沒有理由使用eval()。如果代碼是在運行時動態生成，有一個更好的方式不使用eval而

如果你現在的代碼中使用了eval()，記住該咒語“eval()是魔鬼”。此方法接受任意的字符串，并當作JavaScript代碼來處理。當有問題的代碼是事先知道的（不是運行時確定的），沒有理由使用eval()。如果代碼是在運行時動態生成，有一個更好的方式不使用eval而達到同樣的目標。例如，用方括號表示法來訪問動態屬性會更好更簡單：

// 反面示例
var property = "name";
alert(eval("obj." + property));
 
// 更好的
var property = "name";
alert(obj[property]);

使用eval()也帶來了安全隱患，因為被執行的代碼（例如從網絡來）可能已被篡改。這是個很常見的反面教材，當處理Ajax請求得到的JSON 相應的時候。在這些情況下，最好使用JavaScript內置方法來解析JSON相應，以確保安全和有效。若瀏覽器不支持JSON.parse()，你可以使用來自JSON.org的庫。

同樣重要的是要記住，給setInterval(), setTimeout()和Function()構造函數傳遞字符串，大部分情況下，與使用eval()是類似的，因此要避免。在幕后，JavaScript仍需要評估和執行你給程序傳遞的字符串：

// 反面示例
setTimeout("myFunc()", 1000);
setTimeout("myFunc(1, 2, 3)", 1000);
 
// 更好的
setTimeout(myFunc, 1000);
setTimeout(function () {
 myFunc(1, 2, 3);
}, 1000);

使用新的Function()構造就類似于eval()，應小心接近。這可能是一個強大的構造，但往往被誤用。如果你絕對必須使用eval()，你可以考慮使用new Function()代替。有一個小的潛在好處，因為在新Function()中作代碼評估是在局部函數作用域中運行，所以代碼中任何被評估的通過var 定義的變量都不會自動變成全局變量。另一種方法來阻止自動全局變量是封裝eval()調用到一個即時函數中。

考慮下面這個例子，這里僅un作為全局變量污染了命名空間。

console.log(typeof un); // "undefined"
console.log(typeof deux); // "undefined"
console.log(typeof trois); // "undefined"
 
var jsstring = "var un = 1; console.log(un);";
eval(jsstring); // logs "1"
 
jsstring = "var deux = 2; console.log(deux);";
new Function(jsstring)(); // logs "2"
 
jsstring = "var trois = 3; console.log(trois);";
(function () {
 eval(jsstring);
}()); // logs "3"
 
console.log(typeof un); // number
console.log(typeof deux); // "undefined"
console.log(typeof trois); // "undefined"

另一間eval()和Function構造不同的是eval()可以干擾作用域鏈，而Function()更安分守己些。不管你在哪里執行 Function()，它只看到全局作用域。所以其能很好的避免本地變量污染。在下面這個例子中，eval()可以訪問和修改它外部作用域中的變量，這是 Function做不來的（注意到使用Function和new Function是相同的）。

(function () {
 var local = 1;
 eval("local = 3; console.log(local)"); // logs "3"
 console.log(local); // logs "3"
}());
 
(function () {
 var local = 1;
 Function("console.log(typeof local);")(); // logs undefined
}());

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

JavaScript探秘：eval()是“魔鬼”

推薦度：

點擊下載本文 文檔為doc格式

標簽： js javascript 魔鬼

熱門焦點

JavaScript探秘：eval()是“魔鬼”

JavaScript探秘：eval()是“魔鬼”

JavaScript探秘：eval()是“魔鬼”

最新推薦

猜你喜歡

熱門推薦