将继承与模块模式结合起来

我喜欢按照以下描述返回构造函数的模块模式:http://elegantcode.com/2011/02/15/basic-javascript-part-10-the-module-pattern/

但是我不知道如何从这个模式实现的对象继承。 假设我有一个父对象,因此...

namespace('MINE');  

MINE.parent = (function() { 
    // private funcs and vars here

    // Public API - constructor
    var Parent = function (coords) {
       // ...do constructor stuff here
    };

    // Public API - prototype
    Parent.prototype = {
       constructor: Parent,
       func1:  function ()    { ... },
       func2:  function ()    { ... }
    }

    return Parent;
 }());

如何定义一个也使用从parent继承的模块模式的子对象,以便我可以有选择地覆盖,例如func2


MINE.child = (function () {

  var Child = function (coords) {
    Parent.call(this, arguments);    
  }

  Child.prototype = Object.create(Parent.prototype);

  Child.prototype.constructor = Child;
  Child.prototype.func2 = function () { ... };

  return Child;

}());

我从这个博客找到了解决方案(http://metaduck.com/08-module-pattern-inheritance.html)更清洁。 例如:

function Parent(name) {
    // Private variables here
    var myName;

    // Constructor
    myName = name;

    // Public interface
    return {
        func1: function () {alert("Parent func1. Name: " + myName); },
        func2: function () {alert("Parent func2. Name: " + myName); }
    }
}

function Child(name) {
    // Private variables here
    var myName,
        exportObj;

    // Constructor
    // Inherit
    exportObj = Parent(name + "'s father");

    // Override
    exportObj.func2 = function () {
        alert("Child func2. Name: " + name);
    }

    // Export public interface
    return exportObj;
}

一个例子可以在这里运行:http://jsfiddle.net/wt4wcuLc/

链接地址: http://www.djcxy.com/p/8831.html

上一篇: Combining inheritance with the module pattern

下一篇: OO Pattern for GUI Builder