Stringa in esecuzione come funzione in javascript setTimeout?

Question

Perché questo codice funziona?

setTimeout("document.body.innerHTML = 'TEST'", 1000)

non dovrebbe essere?

setTimeout(function() { 
    document.body.innerHTML = 'TEST' 
}, 1000) 

Come stringa setTimeout convertito per funzionare?

Answer 1

Citando codice setTimeout documentation

di MDN nella sintassi alternativa è una stringa di codice che si desidera eseguire dopo millisecondi di ritardo (che utilizzano questa sintassi non è raccomandato per le stesse ragioni usando eval())

Come suggerito in MDN, è meglio evitare le stringhe nello setTimeout in quanto l'implementazione potrebbe richiedere la stringa eval.

---

Questo non è solo una cosa implementazione del browser, ma le specifiche HTML si definisce in questo modo in this section

handle = window . setTimeout(code [, timeout ]) 

Orari un timeout per compilare ed eseguire il codice dopo millisecondi di timeout.

Answer 2

Fondamentalmente la specifica gli consente di andare in entrambi i modi, quindi i browser lo prenderanno in entrambi i modi. Così semplice

Non consigliato perché utilizza eval sulla stringa. La via della funzione è il modo migliore.

Answer 3

documentazione per firefox , IE

E 'destinato comportamento: è possibile passare un puntatore a funzione o di una stringa come primo argomento.

Per quanto riguarda come funziona, JS è un linguaggio di scripting, quindi valutare una stringa su un codice interpretato (come fa eval) è ciò che è molto bravo in.

modifica: intendevo "molto bravo" nel contesto di un linguaggio di scripting, utilizzato per analizzare le stringhe sul codice di lavoro, come sottolinea Jimbo Jonny; è qualcosa da evitare.