Ad esempio, se faccio questo:
var q = document.querySelectorAll;
q('body');
Ricevo un messaggio di errore "Chiamata illegale" in Chrome. Non riesco a pensare a nessun motivo per cui sia necessario. Per uno, non è il caso di tutte le funzioni del codice nativo. In effetti posso farlo:
var o = Object; // which is a native code function
var x = new o();
E tutto funziona alla perfezione. In particolare ho scoperto questo problema quando si tratta di documenti e console. qualche idea?
Risposte:
È perché hai perso il "contesto" della funzione.
Quando chiami:
document.querySelectorAll()
il contesto della funzione è documente sarà accessibile thiscon l'implementazione di quel metodo.
Quando chiami semplicemente qnon c'è più un contesto, è windowinvece l'oggetto "globale" .
L'implementazione di querySelectorAllcerca di utilizzare thisma non è più un elemento DOM, è un Windowoggetto. L'implementazione cerca di chiamare un metodo di un elemento DOM che non esiste su un Windowoggetto e l'interprete chiama senza sorprese fallo.
Per risolvere questo problema, utilizzare .bindnelle versioni più recenti di Javascript:
var q = document.querySelectorAll.bind(document);
che garantirà che tutte le successive invocazioni di qabbiano il giusto contesto. Se non lo hai .bind, usa questo:
function q() {
return document.querySelectorAll.apply(document, arguments);
}
function q(x){ return document.querySelectorAll(x); }. Un'altra cosa che mi piace molto degli oggetti browser di IE è che alcuni di essi generano un'eccezione solo se provi a leggere una proprietà da essi, quindi devi testare le funzionalità con if( 'funcname' in browserobject)invece del solito if(browserobject.funcname)!
Nel mio caso si è verificata un'invocazione illegale a causa del passaggio di una variabile non dichiarata per funzionare come argomento. Assicurati di dichiarare la variabile prima di passare alla funzione.
somethingmetodo perde il contesto del documento
puoi usare in questo modo:
let qsa = document.querySelectorAll;
qsa.apply(document,['body']);