将继承与模块模式结合起来
我喜欢按照以下描述返回构造函数的模块模式: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