Tworzenie funkcji z łańcucha znaków dziedziczącego zakres nadrzędny

Question

W języku JavaScript istnieje sposób na utworzenie funkcji z łańcucha znaków (na przykład przez nowy konstruktor Function()) i czy dziedziczy on nadrzędny zakres? Na przykład:

(function(){ 
    function yay(){ 
    } 
    var blah = "super yay" 
    yay.prototype.testy = new Function("alert(blah)") 
    yay.prototype.hello = function(){alert(blah)} 
    whee = new yay(); 
    whee.hello() 
    whee.testy() 
})() 

Czy istnieje sposób, aby whee.testy() również ostrzec "super yay"?

Answer 1

(function(){ 
    function yay(){ 
    } 
    var blah = "super yay" 
    yay.prototype.testy = eval("(function(){alert(blah)})")//new Function("alert(blah)") 
    yay.prototype.hello = function(){alert(blah)} 
    whee = new yay(); 
    whee.hello() 
    whee.testy() 
})() 

To wydaje się działać dla mnie, a żaden z danymi eval'd jest z dowolnego niezaufanych źródeł. Ma być użyty tylko do zminimalizowania kodu.

Answer 2

Masz na myśli eval?

(function(){ 
    function yay(){ 
    } 
    var blah = "super yay" 
    yay.prototype.testy = new Function(eval("alert(blah)")) // <--------------- 
    yay.prototype.hello = function(){alert(blah)} 
    whee = new yay(); 
    whee.hello() 
    whee.testy() 
})() 

Są tu jednak dwie moralnie niepożądane cechy JS. 1) eval jest "zły", a 2) kod wewnątrz eval może zobaczyć zmienne na zewnątrz.

Answer 3

Faktycznie, łącząc function i eval powinien robić to, co chcesz:

// blah exists inside the 'hello' function 
yay.prototype.hello = function(){ alert(blah) } 
// blah also exists inside the 'testy' function, and 
// is therefore accessible to eval(). 
yay.prototype.testy = function(){ eval('alert(blah)') } 

Answer 4

Nie potrzebujesz eval.

Musisz połączyć blah z funkcją string, ale JavaScript będzie narzekał, że nie ma ";" tuż przed konkatenacją jest to dlatego, że bla jest tylko pewnym tekstem, kiedy się go łączy. Musisz uciec dwa „\””wokół zmiennej bla w celu uczynienia go wyglądać sznurku z tekstem w nim.

(function(){ 
    function yay(){ 
    } 
var blah = "super yay" 

yay.prototype.testy = new Function("alert(\""+blah+"\")") 
yay.prototype.hello = function(){alert(blah)} 
whee = new yay(); 
whee.hello() 
whee.testy() 
})() 

będzie ten alert«super yay»dwa razy!

Answer 5

Powodem dlaczego whee.testy nie działa dlatego deklarowania funkcji przy użyciu new Function("alert(blah)") tworzy funkcję poza obecnymi zamknięcia. Od blah jest zdefiniowana wewnątrz zamknięcia, nie masz do niego dostęp, a to rzuca niezdefiniowany błąd.

Oto przykład dowodu koncepcji:

var blah = "global (window) scope"; 

(function(){ 
    function yay(){ 
    } 
    var blah = "closure scope"; 

    yay.prototype.testy = new Function("alert(blah)"); 
    yay.prototype.hello = function(){ alert(blah); } 
    whee = new yay(); 
    whee.hello(); 
    whee.testy(); 
})(); 

Answer 6

To powinno dać ci to, co chcesz ...

var inputAction = "alert(blah)"; 
yay.prototype.testy = eval("(function(){ " + inputAction + "; })")

Zasadniczo otacza swoją przeznaczone działanie wewnątrz anonimowej funkcji, to zostanie w pełni oceniona na eval, ale nie jest prowadzony od razu, jest zawinięty w funkcję.

Możesz pójść nieco dalej, ale nie wiedząc, co chcesz osiągnąć, trudno powiedzieć.