このタイプのjqueryコーディングスタイルは何と呼ばれていますか？

Question

私はいつも

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

とjqueryのを使用しましたが、私は最近、ちょうど次のようなスクリプトファイルのオープンとの完全なサイトを継承しました：

var gc = gc || {}; 

gc.header = { 

    mobileNav: function() { 
     ... 
    }, 

    headerLink: function() { 
     ... 
    } 
}; 

gc.header.headerLink(); 

私はそれが構造化された見たことがありません実際には非常に使いやすく、コーディングスタイルを改善するためにもっと学びたいと思っています。

誰かが私にこのタイプのコーディングスタイルが何であるかを教えてもらえると助かりましたか？そして、あなたが何か知っていれば、いくつかの学習リソース？

ありがとうございます！

ルイス。

Answer 1

JavaScriptのシンタックスのこのスタイルは、指向もう少しオブジェクトです。これにより、編集や読み込みが容易になりますが、JavaScriptをnamespacing JavaScriptで「クリーン」にするのにも役立ちます。これは、基本的には、できる限り多くのJavaScriptをグローバルオブジェクトから除外し、コード内の衝突を減らすことを意味します。ラインによって

ライン：

 
var gc = gc || {}; // If a 'gc' object exists, use it. Otherwise create an empty object. 

gc.header = { // In the gc.header object create 2 methods, mobileNav and headerLink 

    mobileNav: function() { 
     ... 
    }, 

    headerLink: function() { 
     ... 
    } 
}; 

gc.header.headerLink(); // Reference the headerLink() method inside gc.header 

これはmobileNavとheaderLinkが他のプラグインで使用され、同じ名前を付けることができる非常に一般的な機能であるためmobileNavとheaderLinkがグローバル関数である、よりフラットパターンを作成するためのはるかに好ましいです。 。名前空間を使用すると、gc.header.headerLink()がはるかにユニークなので、コードを破損して衝突するリスクを軽減できます。

Answer 2

通常、名前空間と呼ばれます。 jQueryとはまったく関係ありません。

Answer 3

それは `sの普通のJavaScript、それは名前空間と呼ばれる技法です：How do I declare a namespace in JavaScript?