Neden bazı işlev çağrıları JavaScript'te "yasa dışı çağrılar" olarak adlandırılıyor?

Örneğin, bunu yaparsam:

var q = document.querySelectorAll;

q('body');

Chrome'da "Yasadışı çağrı" hatası alıyorum. Bunun neden gerekli olduğunu düşünemiyorum. Birincisi, tüm yerel kod işlevlerinde durum böyle değildir. Aslında bunu yapabilirim:

var o = Object; // which is a native code function

var x = new o();

Ve her şey gayet iyi çalışıyor. Özellikle belge ve konsolla uğraşırken bu sorunu keşfettim. Düşüncesi olan var mı?

Bunun nedeni, işlevin "bağlamını" kaybetmiş olmanızdır.

Aradığın zaman:

document.querySelectorAll()

işlevin bağlamı document, ve thisbu yöntemin uygulanmasıyla erişilebilir olacaktır .

Sadece aradığınızda qartık bir bağlam yoktur - bunun windowyerine "global" nesnedir.

Uygulanması querySelectorAlldenemeden kullanmak thisancak artık bir DOM elementi, öyle bir var Windownesne. Uygulama, bir Windownesnede olmayan bir DOM öğesinin bazı yöntemlerini çağırmaya çalışır ve yorumlayıcı şaşırtıcı olmayan bir şekilde faul çağırır.

Bunu çözmek için .bind, Javascript’in daha yeni sürümlerinde kullanın :

var q = document.querySelectorAll.bind(document);

bu, sonraki tüm çağrıların qdoğru bağlama sahip olmasını sağlayacaktır . Eğer yoksa .bind, şunu kullan:

function q() {
    return document.querySelectorAll.apply(document, arguments);
}

Benim durumumda, bağımsız değişken olarak işlev görmesi için bildirilmemiş değişkenin geçirilmesi nedeniyle geçersiz çağrı oluştu. İşleve geçmeden önce değişken bildirdiğinizden emin olun.

bunun gibi kullanabilirsiniz:

let qsa = document.querySelectorAll;
qsa.apply(document,['body']);

Daha kısa bir çözüm:

const q=s=>document.querySelectorAll(s);
q('body');