如何访问被调用函数的当前元素属性名称

Question

为了记录目的，我已经为元素函数属性创建了一个包装函数。 包装函数在上面：

functionsWrapper: function () {
    for (i = 0, args = new Array(arguments.length); i < arguments.length; i++) {
        args[i] = arguments[i];
    }

    console.log('call for ' + arguments.callee.name + ' with params ' + argumantsLog(args));

    return this['original' + arguments.callee.name].apply(this, args);
}

然后我使用此代码来包装元素函数：

logFunctionsCalls: function (element) {
    if (!element)
        return;

    if (element.children && element.children.length)
        for (var i = 0; i < element.children.length; i++)
            logFunctionsCalls(element.children[i]);

    if (!element.functionsLogged) {
        element.functionsLogged = true;

        for (var property in element) {
            if (typeof element[property] != 'function')
                continue;

            element['original' + property] = element[property];
            element[property] = functionsWrapper;
        }
    }
}

我的问题是arguments.callee包含functionsWrapper代码而没有被调用函数的属性名称。

Answer 1

你无法在任何地方使用相同的functionWrapper - 无法找出它被调用的属性。相反，创建了不同的包装器并保持原件的封闭。

for (var p in element) (function(property) {
    if (typeof element[property] != 'function')
        return;

    var original = element[property];
    element[property] = function wrapped() {
        console.log('call for ' + property + ' with params ' + Array.prototype.join.call(arguments));
        return original.apply(this, arguments);
    };
}(p));