js/jQueryライブラリの書き方（体験談まとめ）

js/jQueryプラグインを書くには、これらのルーチンに従えば、コードの構造に大きな問題はないと思います。私が学んだこのプロジェクトは、javascript-patterns です。いくつかのデモから多くのことを行います。

基本構造

通常のライブラリ

を使用して、最も基本的な

匿名関数

を実装することができます

(function(){
    var root = this;
    root.YOURLIB = function(){
        FUNC1 : function(){},
        FUNC2 : function(){}
    }
}())

この場合、2つの書き方は同等です、undersocre。 jsの呼び出し記述メソッドを使用します

(function(){
    var root = this;
    root.YOURLIB = function(){
        FUNC1 : function(){},
        FUNC2 : function(){}
    }
}.call(this))

jQueryプラグイン

以下のメソッドでプラグインをCMD/AMD/Browserを横断させることができます

(function (factory) {
    if (typeof define === 'function' && define.amd) {
        // AMD
        define(['jquery'], factory);
    } else if (typeof exports === 'object') {
        // CommonJS
        factory(require('jquery'));
    } else {
        // Browser globals
        factory(jQuery);
    }
}(function ($) {
    $.fn.render = function() {}
    $.render2 = function() {}
}))

もちろん、SeajsやRequireJSを考慮しない場合は、最も便利です方法は匿名関数を使用し、パラメータとして window.jQuery を渡すことです

内部組織

分析には

bootstrap-select v1.6.3

とsmooth-scrollを使用します

初期化

。一般ライブラリはそれを行います。デフォルトの設定ファイルのセットを提供し、それらを使用するときにユーザー定義の設定で拡張する、スムーズスクロールのようなものです

settings = extend(defaults, options ||{})); 写法就相当赞，可以以一种十分简单的方式防止空指针异常。

残りは、ビジネスに応じてビジネスを分割する機能です。分け方はもっと練習するしかありません。

さらに、コメントにプライベートとパブリックを書くことで、外部インターフェースと内部インターフェースを区別することは良い習慣です。

i18n と構成管理

i18n は、すべての国際文字がデフォルトに配置されることを意味します。より洗練された方法は、国際化されたファイル

を元のライブラリ ファイルから分離できるように、デフォルトでオブジェクトを定義することです。具体的な参照については、bootstrap-datapicker

THE END

以上がjs/jQueryライブラリの書き方（体験談まとめ）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。