如何包装构造函数?

时间:2012-04-11 07:14:52

标签: javascript oop constructor

我有这个JavaScript:

var Type = function(name) {
    this.name = name;
};

var t = new Type();

现在我想补充一下:

var wrap = function(cls) {
    // ... wrap constructor of Type ...
    this.extraField = 1;
};

所以我能做到:

wrap(Type);
var t = new Type();

assertEquals(1, t.extraField);

[编辑] 我想要一个实例属性,而不是类(静态/共享)属性。

在包装函数中执行的代码应该像我将它粘贴到真正的构造函数中一样。

Type的类型不应更改。

1 个答案:

答案 0 :(得分:6)

更新:An updated version here

您实际需要的是将Type扩展到另一个类。在JavaScript中有很多方法可以做到这一点。我并不是建立“类”的newprototype方法的粉丝(我更喜欢寄生继承风格),但这就是我得到的:

//your original class
var Type = function(name) {
    this.name = name;
};

//our extend function
var extend = function(cls) {

    //which returns a constructor
    function foo() {

        //that calls the parent constructor with itself as scope
        cls.apply(this, arguments)

        //the additional field
        this.extraField = 1;
    }

    //make the prototype an instance of the old class
    foo.prototype = Object.create(cls.prototype);

    return foo;
};

//so lets extend Type into newType
var newType = extend(Type);

//create an instance of newType and old Type
var t = new Type('bar');
var n = new newType('foo');


console.log(t);
console.log(t instanceof Type);
console.log(n);
console.log(n instanceof newType);
console.log(n instanceof Type);