Javascript。 挂钩 new MyClass()

Question

我想在 new 运行之前或之后做一些事情。

function F() {

    this.init = function  () { alert(0) }

}

F.prototype.init = function () { alert(1) }

new F().init(); // Will not run mine, because on new F(), init is reassigned within the class.

我知道我可以创建自己的方法 function Create() { new F().init() }

但我想知道是否有办法挂钩新的函数调用？

我希望你明白我的意思。

Answer 1

new不是函数调用， F()是。 您可以执行以下操作，将F替换为您自己的委托。

function F() {
    this.init = function  () { alert(0) }
}

var oldF = F;
F = function() {
    oldF.apply(this, arguments);
    this.init = function() { alert(1); };
};

new F().init();

如果您希望实用程序函数执行此类操作：

function wrap(constructor, config) {
    return function() {
        constructor.apply(this, arguments);
        for (var key in config) {
            this[key] = config[key];
        }
    }
}

F = wrap(F, {init: function() { alert(1); }});

或使用提供此功能的许多框架/库（ExtJS，jQuery，Prototype）之一。

以下讨论

这可以让您开始尝试做的事情，但是我不能保证它在所有情况或实现下都有效（仅在V8上进行了测试）。 您可以将F存在的上下文作为附加参数传递，或确保对其进行应用/绑定/调用extend 。

function extend(constructor, config) {
    this[constructor.name] = function() {
        constructor.apply(this, arguments);
        for (var key in config) {
            this[key] = config[key];
        }
    }
}

extend(F, {init: function() { alert(1); }});

Answer 2

您可以使用Proxy 的 handler.construct()来挂钩新的 Operator。 在这里，我更改了传递给 new WebSocket() 调用的参数：

let WebSocket = require('ws');
// let's hook the new WebSocket(...)
WebSocket = new Proxy(WebSocket, {
  construct: function(target, args, newTarget) {
    // https://github.com/websockets/ws/blob/8.4.0/lib/websocket.js#L51
    let [address, options] = args;  // the original constroctor actually has tree arguments, here we only use 2, to keep it simple

    const extraOptions = createWsOptions(address);

    options = {
      ...options,
      ...extraOptions
    };
    console.log(`options of new Websocket(): ${JSON.stringify(options, null, 2)}`);

    return new target(...[address, options]);
  }
});
ws = new WebSocket(aServer, {
  protocol: 'binary'
});

Answer 3

javascript中的构造方法与其他方法一样，您真正要寻找的是javascript中的AOP 。

有关适用于JavaScript的一些好的AOP库，请参见此问题 。