0

私はrevealプロトタイプパターンを使用してjQueryプラグインを開発していますが、オブジェクトをインスタンス化するのに問題があります。以下、プラグインのコード：

(function($) {

var GammadiaCalendar = function(elem, options) {
    this.elem = elem;
    this.$elem = $(elem);
    this.options = options;
};

GammadiaCalendar.prototype = function() {

    var defaults = {
        message: 'Hello world!'
    },

    init = function() {

        this.config = $.extend({}, this.defaults, this.options);

        this.displayMessage();

        return this;
    },

    displayMessage = function() {
        alert(this.config.message);
    };

    return {
        displayMessage : displayMessage
    };


};

GammadiaCalendar.defaults = GammadiaCalendar.prototype.defaults;

$.fn.GammadiaCalendar = function(options) {
    return this.each(function() {
        new GammadiaCalendar(this, options).init();
    });
};

})(jQuery)

インスタンス化時にGammadiaCalendarが定義されていません：

var gc = new GammadiaCalendar（'id'）;

4

2 に答える 2

1

問題は、プロトタイプをすぐに呼び出される関数式としてではなく、関数式として設定したことです。変更する必要があります:

GammadiaCalendar.prototype = (function() {
   // your code here
})(); // Execute it

さらに、この行は機能しません。

GammadiaCalendar.defaults = GammadiaCalendar.prototype.defaults;

defaultsプロトタイプには戻らないからです。

明らかになるプロトタイプ パターンの構造全体が正しくありません。によって使用されるinit関数new GammadiaCalendar(this, options).init()はプライベートであるため、アクセスできません。したがって、プロトタイプを次のように変更する必要があります。

GammadiaCalendar.prototype = (function() {
  var defaults = {
     message: 'Hello world!'
  },
  init = function() {
    this.config = $.extend({}, this.defaults, this.options);
    this.displayMessage();
    return this;
  },
  displayMessage = function() {
    alert(this.config.message);
  };

  return {
    defaults: defaults,
    init: init,
    displayMessage : displayMessage
  };

})();

(しかし、もちろん、この方法で実行しても、このパターンで実際には何も得られません。これは、内部に実際のプライベート関数がなくなったためです)。

于 2012-06-28T07:36:53.350 に答える
0

そのパターンには何の意味もありません。これを行うことができます：

(function($) { //Because of this, everything here is "private" unless exposed anyway

    var defaults = {
            message: 'Hello world!'
    };

    function init() {
        this.config = $.extend({}, defaults, this.options);

        this.displayMessage();

        return this;
    }

    var GammadiaCalendar = function(elem, options) {
        this.elem = elem;
        this.$elem = $(elem);
        this.options = options;
    };

    GammadiaCalendar.prototype = {

        displayMessage: function() {
            alert(this.config.message);
        },

        constructor: GammadiaCalendar
    };


    GammadiaCalendar.defaults = defaults;

    $.fn.GammadiaCalendar = function(options) {
        return this.each(function() {
            var instance = new GammadiaCalendar(this, options);
            init.call(instance);
        });
    };

})(jQuery);

var gc = new GammadiaCalendar('id');公開されていないため、含まれている関数の外では実行できないことに注意してください

于 2012-06-28T07:47:33.923 に答える