1

是否可以更改构造函数，以便在创建对象后运行一些额外的操作。我试过类似的东西：

var origFoo = Foo
Foo = function() {
    origFoo.apply(this, arguments);
    /* extra actions */
}
Foo.prototype = new origFoo();

但这有几个问题，例如构造函数运行两次或更改原型链。

4

1 回答 1

3

你很亲密。您应该将 分配给Foo.prototype以origFoo.prototype获得相同的原型链。其他一切都在现场！

例子：

var Foo = function () {
    console.log('OriginalFoo');
};

Foo.prototype.method1 = function () {
    console.log('Method1');
};

OriginalFoo = Foo;

Foo = function () {
    OriginalFoo.apply(this, arguments);
    console.log('NewFoo');
};

Foo.prototype = OriginalFoo.prototype;

Foo.prototype.method2 = function () {
    console.log('Method2');
};

var x = new Foo();

x.method1();
x.method2();

演示： http: //jsbin.com/ibatah/1/edit ?js,console,output

PS：仍然存在类静态属性（Foo.prop）的问题，但恐怕除了一次复制一个之外我没有解决方案。

编辑：特殊构造函数的解决方案。

确实有些构造函数不喜欢被称为函数 ex: Image。要克服它，您可以执行以下更尴尬的解决方案。您可以利用这样一个事实，即您可以从构造函数返回一个对象，它取代了用 new 创建的对象。在重写的构造函数中，调用方法时必须始终使用这个新对象，而不是this.

var Foo = function(a,b,c) {
  console.log('OriginalFoo',a,b,c);
};
Foo.prototype.prop1 = 'Property1';
Foo.prototype.method1 = function() {
  console.log('Method1', this.prop1);
};


OriginalFoo = Foo;
Foo = function(a,b,c) {
  var obj = new OriginalFoo(a,b,c);

  obj.init('Changed...'); // or this.init.call(obj,'Changed!'); 
  this.init('Not Changed'); // applies to a discarded object, has no effect

  console.log('NewFoo');
  return obj;
};

Foo.prototype = OriginalFoo.prototype;

Foo.prototype.prop2 = 'Property2';

Foo.prototype.method2 = function() {
  console.log('Method2', this.prop2);
};
Foo.prototype.init = function(param) {
  this.prop2 = param;
};



var x = new Foo('1','2','3');
console.log(x.prop1);
console.log(x.prop2);
x.method1();
x.method2();

演示： http: //jsbin.com/ibatah/2/edit ?js,console,output

于 2013-09-27T10:35:15.530 回答