函数作为参数（带参数）——JavaScript

Question

如果我有一些看起来像这样的 OO javascript：

function someFunction(a, b, c) {
  // do something with a, b, and c
}

function theLoader() {
    loadFunction: someFunction,
    load: function() {
      // invoke the loadFunction with the proper parameter set
    }
}

var myLoader = new theLoader();
myLoader.load();

让我们假设“theLoader”应该是抽象的和通用的。我可以调用它并将“loadFunction”设置为几乎任何东西，所以我不知道在任何给定时间参数会是什么。 'load' 方法必须调用 'loadFunction' 并且能够以某种方式获取为其设置的参数....

我怎样才能完成我想做的事情？如果这是一个不好的方法，我们可以完全重构代码。我想保持对'loadFunction'的限制，所以我不必以特殊方式编写加载器函数。

归根结底，我想将加载器打包到它自己的 .js 文件中，而不必胡思乱想。

所以——如果你知道答案，请帮助兄弟！

谢谢， g

Answer 1

使用apply 或call 执行函数调用。可在此处找到功能说明：

• http://www.javascriptkit.com/jsref/function.shtml

Answer 2

你应该让你的loadFunction 遵循一个接口，并使用多态性来调用它。话虽如此，您确实需要以some 方式捕获someFunction 的参数。

你能允许load 函数获取loadFunction 需要的参数吗？

myLoader.load(1, '2', 'foo'); // calls this.loadFunction(1, '2', 'foo')

或者，允许theLoader 将它们带入构造函数？

function theLoader() {
    this.loadFunctionArgs = arguments;
}

theLoader.prototype = {
    loadFunction: someFunction,
    load: function() {
        return this.loadFunction.apply(this, this.loadFunctionArgs)
    }
}

var myLoader = new theLoader(1, '2', 'foo');
myLoader.load(); // calls someFunction(1, '2', 'foo')

我不知道这是否适合您的应用程序。用 JavaScript 做当然没问题（就语言而言，我的意思是）。

Answer 3

我认为您正在寻找的是：

function theLoader() {
    this.load = function() {
        if (this.loadFunction) {
            return this.loadFunction.apply(this, arguments);
        }
    };
}
// Usage
var loader = new Loader();
loader.loadFunction = someFunction;
loader.load(1, 2, 3, 4);

此外，您将对象文字符号与函数文字混合在一起，这是不正确的。