JavaScriptで特定の関数呼び出しが「不正な呼び出し」と呼ばれるのはなぜですか？

たとえば、これを行うと：

var q = document.querySelectorAll;

q('body');

Chromeで「不正な呼び出し」エラーが発生します。これが必要な理由は思いつかない。1つは、すべてのネイティブコード関数に当てはまるわけではありません。実際、私はこれを行うことができます：

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

var x = new o();

そして、すべてうまくいきます。特に、ドキュメントとコンソールを扱うときにこの問題を発見しました。何かご意見は？

これは、関数の「コンテキスト」を失ったためです。

あなたが呼び出すとき：

document.querySelectorAll()

関数のコンテキストはdocumentでありthis、そのメソッドの実装によってアクセスできます。

呼び出すだけでqコンテキストはなくなり、window代わりに「グローバル」オブジェクトになります。

の実装はquerySelectorAllを使用しようとしましたthisが、もはやDOM要素ではなく、Windowオブジェクトです。実装は、Windowオブジェクトに存在しないDOM要素のメソッドを呼び出そうとし、インタプリタは当然ながらfoulを呼び出します。

これを解決するに.bindは、JavaScriptの新しいバージョンで使用します。

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

これにより、以降のすべての呼び出しがq正しいコンテキストを持つことが保証されます。あなたが持っていない場合は.bind、これを使用してください：

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

私の場合、未宣言の変数を引数として関数に渡すことにより、不正な呼び出しが発生しました。関数に渡す前に変数を宣言してください。

あなたはこのように使うことができます：

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

もう1つの簡潔なソリューション：

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