javascript - 覆盖功能的多样性

我想做一个通用的函数包装器（例如），输出被调用的函数及其参数。

通过arguments准数组和简单调用即可轻松实现。例如：

function wrap(target, method) {
    return function() {
        console.log(Array.prototype.slice.call(arguments).join(', '));
        return method.apply(target, arguments);
    }
}

但是，这种方法当然会完全失去被调用函数的灵活性（如果您不知道，则可以通过其length属性获得JavaScript函数的有效性（参数数量））。

有什么方法可以动态创建一个包装函数，将包装函数的参数复制到自身吗？



我曾考虑过创建一个新的Function object，但是由于arguments property已过时，因此我看不到任何静态提取参数列表的方法。

最佳答案

这是使用Function的解决方案：

// could also generate arg0, arg1, arg2, ... or use the same name for each arg
var argNames = 'abcdefghijklmnopqrstuvwxyz';
var makeArgs = function(n) { return [].slice.call(argNames, 0, n).join(','); };

function wrap(target, method) {
    // We can't have a closure, so we shove all our data in one object
    var data = {
        method: method,
        target: target
    }

    // Build our function with the generated arg list, using `this.`
    // to access "closures"
    f = new Function(makeArgs(method.length),
        "console.log(Array.prototype.slice.call(arguments).join(', '));" +
        "return this.method.apply(this.target, arguments);"
    );
    // and bind `this` to refer to `data` within the function
    return f.bind(data);
}

编辑：

这是一个更抽象的解决方案，它解决了关闭问题：

function giveArity(f, n) {
    return new Function(makeArgs(n),
        "return this.apply(null, arguments);"
    ).bind(f);
}

还有一个更好的方法，可以在调用时保留上下文：

function giveArity(f, n) {
    return eval('(function('+makeArgs(n)+') { return f.apply(this, arguments); })')
}

用作：

function wrap(target, method) {
    return giveArity(function() {
        console.log(Array.prototype.slice.call(arguments).join(', '));
        return method.apply(target, arguments);
    }, method.length)
}

关于javascript - 覆盖功能的多样性，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13271474/