Eval () ve new Function () aynı şey midir?

Bu iki işlev perde arkasında aynı şeyi mi yapıyor? (tek ifadeli işlevlerde)

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

Hayır, aynı değiller .

• eval() bir dizeyi geçerli yürütme kapsamında bir JavaScript ifadesi olarak değerlendirir ve yerel değişkenlere erişebilir.
• new Function()Bir dizede depolanan JavaScript kodunu, daha sonra çağrılabilen bir işlev nesnesine ayrıştırır. Kod ayrı bir kapsamda çalıştığı için yerel değişkenlere erişemez.

Bu kodu düşünün:

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

Eğer new Function('return (a = 22);')()kullanıldı, yerel değişken adeğerini koruyacak. Bununla birlikte, Douglas Crockford gibi bazı JavaScript programcıları , kesinlikle gerekli olmadıkça hiçbirinin kullanılmaması gerektiğine inanmaktadır ve yapıcıyı güvenilmeyen veriler üzerinde değerlendirmenin / kullanmanın güvenli ve akıllıca olmadığını düşünmektedir .Function

Hayır.

Güncellemenize olarak, yapılan çağrılar evaluateve funcaynı sonucu üretir. Ancak, kesinlikle "perde arkasında aynı şeyi yapmıyorlar". funcFonksiyon yeni bir işlev oluşturur, ancak buna karşın hemen ardından, onu çalıştırır evaluateişlevi basitçe yerinde kodunu çalıştırır.

Orijinal sorudan:

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

Bunlar size çok farklı sonuçlar verecektir:

evaluate('0) + (4');
func('0) + (4');

new Functionyeniden kullanılabilen bir işlev oluşturur. evalsadece verilen dizgeyi çalıştırır ve son ifadenin sonucunu döndürür. Bir eval taklit etmek için Function kullanan bir sarmalayıcı işlevi oluşturmaya çalıştığınızda sorunuz yanlış yönlendirilmiş.

Perdelerin arkasında bazı kodlar paylaştıkları doğru mu? Evet, büyük ihtimalle. Tam olarak aynı kod mu? Hayır, kesinlikle.

Eğlence için, burada bir işlev oluşturmak için eval kullanarak kendi kusurlu uygulamam. Umarım farkı biraz aydınlatır!

function makeFunction() {
  var params = [];
  for (var i = 0; i < arguments.length -  1; i++) {
    params.push(arguments[i]);
  }
  var code = arguments[arguments.length -  1];


 // Creates the anonymous function to be returned
 // The following line doesn't work in IE
 // return eval('(function (' + params.join(',')+ '){' + code + '})');
 // This does though
 return eval('[function (' + params.join(',')+ '){' + code + '}][0]');
}

Bu ve yeni İşlev arasındaki en büyük fark, İşlevin sözcüksel olarak kapsamlı olmamasıdır. Böylece kapanış değişkenlerine erişimi olmazdı ve benimki olur.

Buradaki örneklerde kullanılan bazı sözdizimlerini ve bunun ne anlama geldiğini belirtmek isterim:

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

Fonksiyonun (...) () sonunda "()" olduğuna dikkat edin. Bu sözdizimi, func'ın yeni işlevi çalıştırmasına ve dizeyi, dize döndüren bir işlev değil, ancak aşağıdakileri kullanırsanız döndürmesine neden olur:

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

Şimdi func, bir dizge döndüren bir işlev döndürecektir.

Yani, aynı sonuçları verecek mi, o zaman evet ... ama sadece değerlendirmek (diğer bir deyişle, "bu JavaScript dizisini değerlendirmek") çok daha kolay olacaktır.

Aşağıda DÜZENLE:

Demek gibi ... bu iki matematik problemi aynı mı:

1 + 1

1 + 1 + 1 - 1 + 1 - 1 * 1/1

Bu örnekte sonuçlar aynı, evet. Her ikisi de geçtiğiniz ifadeyi yürütür. Onları bu kadar tehlikeli yapan da budur.

Ama sahnenin arkasında farklı şeyler yapıyorlar. new Function()Sahne arkasını içeren , sağladığınız koddan anonim bir işlev oluşturur ve bu işlev çağrıldığında çalıştırılır.

Ona ilettiğiniz JavaScript, anonim işlevi çağırana kadar teknik olarak çalıştırılmaz. Bu, eval()kodu hemen yürütenin aksine ve ona dayalı bir işlev oluşturmaz.