0

他の人のコードを見て開発を学んできたので、用語があまり得意ではありません。最近、私は次のように JS/Jquery を書いています。

$(document).ready(function() {
    testingFunc.init();
});

var testingFunc = {
    $object: $('#object'),
    init: function() {
        var _that = this;
        console.log($object);
    }
}

これが何らかのパターンかどうか誰か教えてください。または、誰かが私が上で行ったコードを説明する方法を教えてもらえますか?

4

4 に答える 4

0

おそらく、Rebecca Murphey が記事で使用したようなオブジェクト リテラル パターンと名付けることができます。ただし、この種のコード構造の正式名称として広く採用されているとは思いませんが、適切なようです。

于 2013-10-09T04:19:30.063 に答える
0

機能について疑問に思っていると思いますready。それがどのように機能するかを理解するには、HTML ページをブラウザーにロードすると、HTML 構造が「DOM」(Document Object Model) と呼ばれる JavaScript ツリーに変換されることを知っておく必要があります。サンプルでは、​​DOM は という名前の変数を介して参照されdocumentます。このツリーを設定するには、各マークアップを JavaScript オブジェクトとして初期化する必要があります。このジョブが完了すると、「ready」イベントが発生し、それにバインドされているすべての関数が呼び出されます。要約する ：

$(document).ready(function () { testingFunc.init(); });
// translation : Once the DOM has been initialized, call "init".

コードに関して$('#object')は、DOM ツリーにクエリを実行して、ID が「object」に設定されたノードを見つけようとします (例: <div id="object">)。ただし、ドキュメントはまだ完全に初期化されていない可能性があります。その結果、このクエリは失敗する可能性があります。このリスクを回避するには、次のようにする必要があります。

var testingFunc = {
    $object: null,
    init: function() {
        this.$object = $('#object');
        console.log(this.$object);
    }
}

DOM は、各フォルダーとファイルが HTML マークアップであるフォルダー構造と考えることができます。jQuery は、ファイル エクスプローラーを参照するのと同じ方法で DOM ツリーを参照します。

于 2013-10-09T05:18:06.383 に答える
0

最初の部分は、リスナーが「準備完了」の jQuery セレクターを使用しています。これが意味することは、ドキュメント (この場合はブラウザー ウィンドウ) の準備が整うと (Web 用語では、これはページの読み込みが終了したときを意味します)、セレクターとリスナーに関連付けられたコールバック関数が実行されるということです。

コードの 2 番目の部分は、オブジェクト リテラルと呼ばれる標準に従っています。これは、key->value の原則に従う JavaScript 方法論です。

于 2013-10-09T04:28:51.240 に答える