Javascript: Mixing constructor pattern and Revealing Module Pattern

Question

Is there any way I can do have a Javascript class that extends an object that was created through the revealing module pattern? I tried the following code, but is there away to achieve the same thing?

sv.MergeQuestionViewModel = function () {
    this = sv.QuestionDetailViewModal();
    this.init($("#mergeQuestionModel"));
};  

sv.QuestionDetailViewModal = function () {
    var $el,
        self = this,
        _question = ko.observable(),
        _status = new sv.Status();

    var _init = function (el) {
        $el = el;
        $el.modal({
            show: false,
            backdrop: "static"
        });
    };

    var _show = function () {
        $el.modal('show');
    };

    var _render = function (item) {
        _question(new sv.QuestionViewModel(item));
        _show();
    };

    var _reset = function () {
        _question(null);
        _status.clear();
    };

    var _close = function () {
        $el.modal('hide');
        _reset();
    };

    return {
        init: _init,
        show: _show,
        render: _render,
        reset: _reset,
        close: _close
    };
};

possible duplicate of How to implement inheritance in JS Revealing prototype pattern? — Bergi
– Bergi, Commented Dec 23, 2012 at 11:35
For what purpose are you using the this keywords in your code? — Bergi
– Bergi, Commented Dec 23, 2012 at 11:36

nekman · Accepted Answer · 2012-12-23 11:21:23Z

2

You could use jQuery.extend to achive this behaviour.

sv.MergeQuestionViewModel = function () {
    $.extend(this, sv.QuestionDetailViewModal);

    this.init($("#mergeQuestionModel"));
};

sv.QuestionDetailViewModal = (function () {
 var el,

 _init = function($el) {
    el = $el;
    console.log('init', el);
 },

 _render = function() {
    console.log('render', el);
 };

 return {
   init : _init,
   render : _render
 };
}());

var view = new sv.MergeQuestionViewModel();
view.render();

Test it on http://jsfiddle.net/GEGNM/

edited Dec 23, 2012 at 11:21

answered Dec 22, 2012 at 1:22

nekman

1,9192 gold badges15 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Abe Over a year ago

Sure, I realize the code does not work, but I also wanted to demonstrate what I was going for. My question is there alternative way to achieve this. Thanks!

nekman Over a year ago

I was 99.9% sure you knew that, but I just wanted to assure it. I have updated my answer.

Collectives™ on Stack Overflow

Javascript: Mixing constructor pattern and Revealing Module Pattern

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related