JavaScript: Riferimento funzione host tramite variabile locale

Question

Eventuali duplicati:
JavaScript function aliasing doesn't seem to work

Perché non fa questo lavoro?

function foo() { 

    var g = document.getElementById; 

    g('sampleID'); 

} 

Questo errore è gettato in Chrome: Uncaught TypeError: Illegal invocation
... e in Firefox: Error: uncaught exception: [Exception... "Illegal operation on WrappedNative prototype object"

Funziona in IE9 beta però !!

Demo:http://jsfiddle.net/ugBpc/

Answer 1

maggior parte dei browser richiedono che il metodo document.getElementById viene chiamato nel contesto dell'oggetto originale (document). Quindi questo dovrebbe funzionare:

function foo() {  
    var g = document.getElementById;  
    g.call(document, 'sampleID'); 
} 

Questo fallirà in Internet Explorer 7 e inferiore, però, perché i metodi DOM non ereditano da Function.prototype. Il tuo esempio originale dovrebbe funzionare in tutte le versioni di Internet Explorer.

Si potrebbe anche usare Function.prototype.bind, nei browser che lo supportano o di cui ha fornito il compatibility implementation:

function foo() {  
    var g = document.getElementById.bind(document);  
    g('sampleID'); 
}