Creazione di una funzione da una stringa che eredita l'ambito genitore

Question

In Javascript, esiste un modo per creare una funzione da una stringa (ad esempio attraverso il nuovo costruttore Function) e ereditare l'ambito principale? Per esempio:

(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() 
})() 

Esiste un modo per fare whee.testy() anche alert "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() 
})() 

Questo sembra funzionare per me, e nessuno dei dati eval'd da qualsiasi fonte non attendibile. È solo per essere usato per il codice minifying.

Answer 2

Vuoi dire 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() 
})() 

Tuttavia ci sono due caratteristiche moralmente discutibili di JS qui. 1) eval è "male", e 2) il codice all'interno dell'eval può vedere le variabili all'esterno.

Answer 3

In realtà, combinando function e eval dovrebbe fare quello che vuoi:

// 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

Non è necessario eval.

Devi concatenare il blah alla funzione di stringa, ma JavaScript si lamenterà che non c'è ";" appena prima della concatenazione è perché blah è solo un testo quando lo concatenate. Dovete fuggire due "\"" intorno al bla variabile al fine di far sembrare una stringa con testo in esso.

(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() 
})() 

Questo avviso 'super yay' due volte!

Answer 5

La ragione perché whee.testy non funziona è perché dichiarare una funzione utilizzando new Function("alert(blah)") crea la funzione di fuori della chiusura corrente. Dal momento che blah è definito all'interno del vostro chiusura, non si ha accesso ad esso, ed esso genera un errore indefinito.

Qui è un esempio di dimostrazione del concetto:

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

Questo dovrebbe dare ciò che si vuole ...

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

'fondamentalmente avvolge la vostra azione prevista all'interno di una funzione anonima, questo viene pienamente valutata in eval, ma non viene eseguito immediatamente, è avvolto in una funzione.

Qui puoi andare un po 'più lontano, ma senza sapere cosa vuoi ottenere è difficile da dire.