Question

我有一个自定义对象，它实现了一个稍后会执行的函数。以下是有人称之为：

customObject.onSomething(function(e) {
    // do something with e
    console.log('foobar');
});

以下是onSomething的创建方式：

var CustomObject = function() {
    this.onSomething = function(callback) {
        // If the user passes in parameter(s), how can I modify them before calling?
        callback.apply(this);
    }
}

如何在函数上执行 apply 或 call 之前修改用户传入的参数？

Answer 1

apply接受第二个参数，该参数是传递给函数的参数列表。 call执行相同的操作，除了它传递自己的参数列表（在第一个参数之后的所有内容，用作this）。

因此，如果你知道你期望哪些参数，你可以将它们作为apply的第二个参数（或作为call的参数列表）添加到调用函数中：

this.onSomething = function(arg1, arg2) {
   // reverse the first and second arguments
   callback.apply(this, [arg2, arg1]);
   // equivalent:
   callback.call(this, arg2, arg1);
};

如果你不知道期望什么样的参数，但你仍然想对它们做些什么，你可以使用内置的arguments伪数组来保存给当前函数的参数（即使你没有明确声明它们）。

您可以使用它来调用回调，使用与调用函数相同的参数或它们的某些转换; e.g：

this.onSomething = function() {
    // call callback with the same arguments we got
    callback.apply(this, arguments);

    // or, make some changes
    var newArgs = ["extra argument", arguments[1], arguments[0]];
    callback.apply(this, newArgs);
};

Answer 2

听起来你所要求的相当简单，见下文：

var CustomObject = function() {
    this.onSomething = function(callback, param1, param2) {
        param1 += 4;
        param2 = 'Something about ' + param2 + ' is different...';
        callback.apply(this, [param1, param2]);
    }
}

Javascript：在调用它们之前修改回调函数的参数

2 个答案: