DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Eval and new funciton not the same thing
Eval and new funciton not the same thing
編輯:關於JavaScript     
1、函數聲明式
復制代碼 代碼如下:
function foo(){
//code
}

在JS中,函數也是對象,函數對象連接到Function.prototype( Function.prototype連接到Object.prototype)
2、函數字面量式
復制代碼 代碼如下:
var foo = function foo(){
//code
}

對象擁有一個連到原型對象的隱藏連接。對象字面量間生的對象連接到Object.prototype。 foo.__proto__ == Function.prototype
3、使用New的構造函數生成

new Function ([arg1[, arg2[, ... argN]],] functionBody);

每次執行都生成新的函數
網上的資料有很多介紹這三種模式的,前2種幾乎是相同的,基於相同的詞法作用域。

詞法作用域:變量的作用域是在定義時決定而不是執行時決定,也就是說詞法作用域取決於源碼,通過靜態分析就能確定,因此詞法作用域也叫做靜態作用域。 with和eval除外,所以只能說JS的作用域機制非常接近詞法作用域(Lexical scope)。
突然感覺有點離題了,這篇文章其實是記錄eval和New Function的區別,下面回歸正題:

以前有人會說,new Function的方式是幾乎與eval相等,今天我查了一下,確實是不同的東西,說這句話的人太不負責了。關於eval和new function,得到的結果都是一致的,都會叫你不要去使用它們。所以結論就是“不得不”才使用。

eval() evaluates a string as a JavaScript expression within the current execution scope and can access local variables.
new Function()parses the JavaScript code stored in a string into a function object, which can then be called. It cannot access local variables because the code runs in a separate scope.
從以上2點看出,eval的作用域是現行的作用域,而new Function是動態生成的,它的作用域始終都是window。並且,eval可以讀到本地的變量,new Function則不能。
復制代碼 代碼如下:
function test() {
var a = 11;
eval('(a = 22)'); //如果是new Function('return (a = 22);')(); a的值是不會覆蓋的。
alert(a); // alerts 22
}

所以一般eval只用於轉換JSON對象,new Function也有特殊的用途,只是在不清楚的情況下還是少用為妙。

更多資料:邪惡的eval和new Function

這裡作個備份:

代碼:
復制代碼 代碼如下:
// 友善提醒:為了你的手指安全,請在Chrome下運行
'alert("hello")'.replace(/.+/, eval);
'alert("hello")'.replace(/.+/, function(m){new Function(m)();});

var i = 0; eval(new Array(101).join('alert(++i);'));
var i = 0; new Function(new Array(101).join('alert(++i);'))();
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved