Mengapa panggilan fungsi tertentu disebut "pemanggilan ilegal" di JavaScript?

Misalnya, jika saya melakukan ini:

var q = document.querySelectorAll;

q('body');

Saya mendapatkan kesalahan "Permintaan ilegal" di Chrome. Saya tidak dapat memikirkan alasan apa pun mengapa ini perlu. Pertama, tidak demikian halnya dengan semua fungsi kode asli. Sebenarnya saya bisa melakukan ini:

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

var x = new o();

Dan semuanya bekerja dengan baik. Secara khusus saya telah menemukan masalah ini ketika berhadapan dengan dokumen dan konsol. Ada pemikiran?

Itu karena Anda kehilangan "konteks" dari fungsi tersebut.

Saat Anda menelepon:

document.querySelectorAll()

konteks fungsinya adalah document, dan akan dapat diakses thisdengan penerapan metode itu.

Saat Anda menelepon, qtidak ada lagi konteks - ini adalah objek "global" window.

Implementasi querySelectorAllmencoba untuk menggunakan thistetapi itu bukan lagi elemen DOM, ini adalah Windowobjek. Implementasinya mencoba memanggil beberapa metode elemen DOM yang tidak ada pada Windowobjek dan interpreter secara tidak mengejutkan memanggil foul.

Untuk mengatasi ini, gunakan .binddi versi Javascript yang lebih baru:

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

yang akan memastikan bahwa semua permintaan berikutnya qmemiliki konteks yang benar. Jika Anda belum punya .bind, gunakan ini:

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

Dalam kasus saya, pemanggilan Illegal terjadi karena melewatkan variabel yang tidak dideklarasikan untuk berfungsi sebagai argumen. Pastikan untuk mendeklarasikan variabel sebelum meneruskan ke fungsi.

Anda bisa menggunakan seperti ini:

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

Satu lagi solusi ringkas:

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