5

我找到了我已经实现的这个主题（请参阅接受的答案）：
javascript 等效于 PHP 的 call_user_func()

但是，我遇到了多个参数的问题。我意识到我正在做的是将参数转换为字符串并将其视为 1 个参数，但我不知道如何解决此问题，因为我正在动态创建参数。

意思是，我在我的代码中定义了以下内容：

var a = new Array();
a[0] = new Array();
a[0][0] = 'alert';
a[0][1] = '\'Hello World\'';
a[1] = new Array();
a[1][0] = 'setTimeout';
a[1][1] = 'alert("goodbye world")';
a[1][2] = '20';

后来，我这样称呼他们：

    var j = 0;
    var len = 0;
    var fx = '';
    var params = '';
    for( i in a ){
        params = '';
        len = a[i].length;
        fx = a[i][0]; // getting the function name
        a[i].splice( 0, 1 ); // removing it from array
        if( len > 1 ){
            params = a[i].join(", "); // trying to turn the parameters into the right format, but this is turning it into strings I think
            params = params.replace(/\\'/g,'\''); // bc i was adding slashes with PHP
        }
        window[fx](params);
    }

我不必使用数组来执行此操作。我不了解 JS OOP（还没有尝试过），虽然我对 PHP OOP 很满意，所以我不知道那里是否有办法做到这一点。

任何有关传递多个参数的帮助将不胜感激。

谢谢。

4

3 回答 3

14

要做的第一件事：废弃你的整个代码，重新开始。你的方法不会让你到达你想去的任何地方。（不幸的是，我不能告诉你你想去哪里，因为我无法理解你的例子。）

在 JavaScript 中调用函数有三种方法。

function foo() { console.log(arguments); }

// 1. directly
foo(1, 2, 3);

// 2. trough Function.call()
foo.call(this, 1, 2, 3);

// 3. trough Function.apply()
var args = [1, 2, 3];
foo.apply(this, args);

call并且apply是相似的。它们让您决定this关键字将指向函数内部的哪个对象（这是重要的一点！）。

apply接受参数数组，call接受单个参数。

最接近的call()是 PHP 的call_user_func(). 最接近的apply()是 PHP 的call_user_func_array().

JavaScript 对象与 PHP 数组共享一些东西：它们是键/值对。

// an anonymous function assigned to the key "foo"
var obj = {
  foo: function () { console.log(arguments); }
};

这意味着您可以使用点符号访问对象属性：

// direct function call
obj.foo(1, 2, 3);

或者通过方括号表示法（注意对象键是字符串）：

var funcName = "foo";
obj[funcName](1, 2, 3);
obj[funcName].call(obj, 1, 2, 3);
obj[funcName].apply(obj, [1, 2, 3]);

方括号表示法使您可以自由地动态选择对象属性。如果此属性恰好是一个函数，apply()则可以让您自由地动态选择函数参数。

每个未声明为某个对象属性的顶级函数都将成为全局对象的属性。在浏览器中，全局对象是window. （所以function foo()在我上面的第一个代码块中确实是window.foo。）

请注意，this它不像在 PHP 中那样工作。它将指向函数被调用的对象，而不是函数“所属”的对象。（“属于”的概念在 JavaScript 中并不真正存在。事物可以这样建模，但这只是一种约定。）

直接调用 ( obj.foo(1, 2, 3))，this将指向obj。使用calland apply，this将指向您想要的任何对象。这比一开始听起来要有用得多。大多数时候，当你想动态调用函数时，你最终会使用apply.

于 2012-04-08T09:11:28.970 回答
3

查看 Function.apply：

function test(a, b) { console.log([a, b]) }

test.apply(null, [1, 2]); // => [ 1, 2 ]
于 2012-04-08T08:20:33.323 回答
1

迟到了，但现在有了 ES6，你可以简单地做

function FunctionX(a,b,c,d){
    return a + b + c + d;
}

let fx = "FunctionX";
let params = [ 1, 10, 100, 200 ];

let answer = window[fx]( ... params);
let answer2 = globalThis[fx]( ... params );   // this is more cross-platform

解压你的参数数组

于 2021-09-12T03:17:05.220 回答