如何在JavaScript中扩展Object而不会丢失原始功能

时间:2013-05-17 14:15:56

标签: javascript object implementation

我有一个像这样定义的JavaScript对象:

var Object = (function () {
    function Object() {
        this.id = RandomNumber();
    }

    // Custom Object.prototype / Object impementations here...

    return Object;
})();

问题在于,一旦构建了它,就会失去Object.defineProperty等原始功能。

我的想法是,我想扩展Object的基本功能,而不是重写或覆盖现有的原型。

如何实现这一目标?

编辑:为了清楚起见,我知道我可以在不影响原有功能的情况下执行此操作:

Object.prototype.foo = function() { }

但我需要专门为Object的构造函数添加功能,即

function Object() { this.id = 0; }

新功能不得覆盖原始功能。

3 个答案:

答案 0 :(得分:3)

使用.prototype添加属性:

Object.prototype.specialMethod = function () {
    // Your method's code
};

你会像以下一样使用它:

var a = {};
a.specialMethod();

虽然我不鼓励在Object的原型中添加属性,因为它是可枚举的并且会使循环陷入混乱,并且将被所有对象和从Object继承的对象继承,这基本上就是一切。

您实际上可以使用您提到的Object.defineProperty方法:

Object.defineProperty(Object.prototype, "specialMethod", {
    enumerable: false,    // The important one, to avoid looping problems
    configurable: false,
    writable: false,
    value: function () {
        // Your method's code
    }
});

答案 1 :(得分:0)

为了扩展这个对象,你应该创建另一个对象,为其原型分配一个新的Object实例。

var Object = (function () {
    function Object() {
        this.id = 5;
    }

    Object.prototype.speak = function(prop){
       alert(this[prop]);
    }

    return Object;
})();

function ExtendsObject(prop){
    this.someProperty = prop;
}

ExtendsObject.prototype = new Object();

var xObj = new ExtendsObject("derived");
xObj.speak("id");
xObj.speak("someProperty");

工作示例: http://jsfiddle.net/RbCcA/

如果你想坚持使用自动执行功能,那么重写的例子是:

var Object = (function () {
    function Object() {
        this.id = 5;
    }

    Object.prototype.speak = function(prop){
       alert(this[prop]);
    }

    return Object;
})();

var ExtendsObject = (function(){

    function ExtendsObject(prop){
       this.someProperty = prop;
    }

    ExtendsObject.prototype = new Object();

    return ExtendsObject;
})();

var xObj = new ExtendsObject("derived");
xObj.speak("id");
xObj.speak("someProperty");

工作示例: http://jsfiddle.net/RbCcA/1/

我确实质疑在这种情况下使用自执行功能。它们通常用于封装和屏蔽内部,但在代码示例中,它们通过从SEF返回对象来暴露。返回对象并将其存储在全局变量中只需重新公开对象,从而允许对其原型和属性进行操作。也许有一些你没有提到的私有变量,但正如我所说,我发现SEF是不必要的。

答案 2 :(得分:0)

像伊恩写的那样。如果您还想检查它已存在的方法,请使用

if (Object.prototype.specialMethod == null) Object.prototype.specialMethod = function() { ... };