タグ :

jQueryを使ったモジュールパターンと実行のメモ : JavaScript

投稿日 : 2015年2月27日 | 更新日 : 2015年02月27日 前のページへ戻る

Pocket

jQuery実行のメモ。

index.html

<script src="jquery.js></script>
<script src="app.js"></script>
<script src="example"></script>

app.js

/* トップレベル名前空間定義 */
function App() {
}
App.namespace = function() {
}

example.js

jQuery(function($) {
    var example = App.namespace('Example');
    (function() {
        // Example実装
        function some() {
            // パプリックメソッド
        }
        example.some = some;
    }())
});

index.html

<script src="jquery.js></script>
<script src="app.js"></script>
<script src="example"></script>
<script>
    var example = App.namespace('Example');
    example.some() /* エラー  exampleはDOM構築後のjQueryスコープで実装されるのでsomeメソッドundefinedのエラー*/
</script>

jQuery(function($) {})で実行する。

<script src="jquery.js></script>
<script src="app.js"></script>
<script src="example"></script>
<script>
    jQuery(function($) {
    var example = App.namespace('Example');
    example.some() /* 正常 */
    });
</script>

JavaScript,Programming | 固定リンク | Comments (0)

このページの上へ移動

コメント

No comments yet.

コメントの投稿

改行と段落タグは自動で挿入されます。
メールアドレスは表示されません。

 

 

 


このページの上へ