「$（）。ready（handler）」が推奨されないのはなぜですか？

Question 1

以下からのjQuery APIドキュメントサイトについてready

次の3つの構文はすべて同等です。

$（document）.ready（handler）

$（）。ready（handler）（これは推奨されません）

$（ハンドラ）

宿題- ソースコードを読んで遊んだ後、なぜなのかわからない

$().ready(handler)

推奨されません。1番目と3番目の方法はまったく同じです。3番目のオプションは、キャッシュされたjQueryオブジェクトのready関数を次のように呼び出しますdocument。

rootjQuery = jQuery(document);
...
...

// HANDLE: $(function)
// Shortcut for document ready
} else if ( jQuery.isFunction( selector ) ) {
    return rootjQuery.ready( selector );
}

しかし、ready関数は、選択したノード要素のセレクターと相互作用しません。readyソースコード：

ready: function( fn ) {
    // Attach the listeners
    jQuery.bindReady();
        // Add the callback
    readyList.add( fn );
        return this;
},

ご覧のとおり、コールバックを内部キュー（readyList）に追加するだけで、セット内の要素を変更したり使用したりすることはありません。これによりready、すべてのjQueryオブジェクトで関数を呼び出すことができます。

お気に入り：

通常のセレクター：$('a').ready(handler) デモ
ナンセンスセレクター：$('fdhjhjkdafdsjkjriohfjdnfj').ready(handler) デモ
未定義のセレクター：$().ready(handler) デモ

最後に...私の質問に：なぜ$().ready(handler)推奨されないのですか？

Question 2

jQuery開発者の1人から公式の回答を得ました。

$().ready(fn)ためにのみ機能$()へのショートカットにするために使用$(document) _{（jQueryの<1.4）}
そうで$().ready(fn)読み取り可能なコードでした。

しかし、人々は$().mouseover()かつて、他のあらゆる種類の狂気のようなことをしていた。
そして人々は$([])空のjQueryオブジェクトを取得する必要がありました

1.4ではそれを変更して$()空のjQueryを提供し$().ready(fn)、多くのコードを壊さないように作業を行いました

$().ready(fn) 文字通り、今ではコアにパッチを適用して、レガシーの場合に適切に機能するようにしています。

ready関数の最適な場所はですが$.ready(fn)、これは非常に古い設計上の決定であり、それが現在の状況です。

私は彼を尋ねました：

$（fn）は$（）。ready（fn）より読みやすいと思いますか？！

彼の答えは：

私は実際のアプリでは常に$（document）.ready（fn）を実行します。通常、アプリにはdoc readyブロックが1つしかありません。これは、メンテナンスのようなものではありません。

$（fn）もかなり判読不能だと思います。これは、Works™について知っておくべきことです...

Question 3

さまざまなオプションがあなたが指摘するのとほとんど同じことをするので、ライブラリライターの帽子をかぶって推測します。

おそらく、jQueryの人々は$()将来の使用のために利用できるようにしたいと思います（$().ready推奨されていない場合でも、動作することが文書化されているので疑わしいです。$特別な場合のセマンティクスも汚染します）。
はるかに実用的な理由：2番目のバージョンはラッピングしない唯一のバージョンなdocumentので、コードを保守するときに破るのは簡単です。例：
```
// BEFORE
$(document).ready(foo);

// AFTER: works
$(document).ready(foo).on("click", "a", function() {});
```
これと比較して
```
// BEFORE
$().ready(foo);

// AFTER: breaks
$().ready(foo).on("click", "a", function() {});
```
上記に関連して：readyjQueryオブジェクトが何をラップしても（ここでは何もラップしなくても）同じように機能する（唯一の？）メソッドであるという意味で、奇抜です。これは他のjQueryメソッドのセマンティクスとの大きな違いであるため、特にこれに依存することはお勧めしません。

更新： Esailijaのコメントが指摘しているように、エンジニアリングの観点からは、readyこのように機能するため、実際には静的メソッドである必要があります。

アップデート＃2：ソースを掘り下げると、1.4ブランチのある時点で$()一致するように変更された$([])よう$(document)ですが、1.3ではのように動作しました。この変更により、上記の正当化が強化されます。

Question 4

空のオブジェクトを$()返すのは単純なことですが、別のものに適用することはできません。それでも動作しますが、直感的ではないと私は言います。$(document)ready()

$(document).ready(function(){}).prop("title") // the title
$().ready(function(){}).prop("title")  //null - no backing document

Question 5

おそらくこれは単なるドキュメントのバグであり、修正する必要があります$().ready(handler)。使用することの唯一の欠点は、その読みやすさです。確かに、それ$(handler)は同じように判読できないと主張します。同意します。そのため、私はそれを使用しません。

また、ある方法が別の方法よりも速いと主張することもできます。ただし、違いに気付くために、どのくらいの頻度でこのメソッドを単一のページの行で何度呼び出しますか？

最終的には個人の好みに帰着します。$().ready(handler)可読性以外の引数を使用することの欠点はありません。この場合、ドキュメントは紛らわしいと思います。

Question 6

3つに不整合があることを明らかに明らかにするために、さらに、よく使用される4番目のフォームを追加しました。 (function($) {}(jQuery));

このマークアップでは：

<div >one</div>
<div>two</div>
<div id='t'/>

そしてこのコード：

var howmanyEmpty = $().ready().find('*').length;
var howmanyHandler = $(function() {}).find('*').length;
var howmanyDoc = $(document).ready().find('*').length;
var howmanyPassed = (function($) { return $('*').length; }(jQuery));
var howmanyYuck = (function($) {}(jQuery));
var howmanyYuckType = (typeof howmanyYuck);

$(document).ready(function() {
    $('#t').text(howmanyEmpty + ":" + howmanyHandler + ":" 
        + howmanyDoc + ":" + howmanyPassed + ":" + howmanyYuckType);
});

最後のステートメントからのdivの表示結果は次のとおりです：0：9：9：9：undefined

SO、ハンドラーとドキュメントのバージョンのみが、ドキュメントセレクターを取得するときに使用の何かを返すというjQueryの規則に準拠しており、渡されたフォームでは何かを返す必要があります（これは実行しないと思いますが、「内部」を表示するには、何かがある）。

好奇心旺盛な方のためのフィドルバージョンを以下に示します。http：//jsfiddle.net/az85G/

Question 7

これは、何よりも読みやすさを重視したものだと思います。

これは表現力がありません

$().ready(handler);

なので

$(document).ready(handler)

おそらく、彼らはある種の慣用的なjQueryを宣伝しようとしているのでしょう。