将JavaScript函数作为参数传递-Java 学习之路

529

如何在没有"parent"函数中执行的函数或使用 eval() 的情况下将函数作为参数传递？（因为我've read that it'不安全 . ）

我有这个：

addContact(entityId, refreshContactList());

它有效，但问题是 refreshContactList 在调用函数时触发，而不是在函数中使用它时触发 .

我可以使用 eval() 绕过它，但它已经读完了 . 如何在JavaScript中将函数作为参数传递？

13 回答

43
我把这一切都剪掉了 . 我不能让上面的例子工作，所以我结束了：
```
function foo(blabla){
    var func = new Function(blabla);
    func();
}
// to call it, I just pass the js function I wanted as a string in the new one...
foo("alert('test')");
```
这就像一个魅力...至少我需要的东西 . 希望它可能有所帮助 .
回复于 2024-04-16T15:55:10+08:00

您只需要删除括号：

addContact(entityId, refreshContactList);

然后，它会先传递函数而不先执行它 .

这是一个例子：

function addContact(id, refreshCallback) {
    refreshCallback();
    // You can also pass arguments if you need to
    // refreshCallback(id);
}

function refreshContactList() {
    alert('Hello World');
}

addContact(1, refreshContactList);

回复于 2024-04-16T15:55:10+08:00

240

这是另一种方法：

function a(first,second)    
{        
return (second)(first);           
}     

a('Hello',function(e){alert(e+ ' world!');}); //=> Hello world

回复于 2024-04-16T15:55:10+08:00

您也可以使用JSON来存储和发送JS函数 .

检查以下内容：

var myJSON = 
{
    "myFunc1" : function (){
        alert("a");
    }, 
    "myFunc2" : function (functionParameter){
        functionParameter();
    }
}



function main(){
    myJSON.myFunc2(myJSON.myFunc1);
}

这将打印'a' .

以下与上述效果相同：

var myFunc1 = function (){
    alert('a');
}

var myFunc2 = function (functionParameter){
    functionParameter();
}

function main(){
    myFunc2(myFunc1);
}

这与以下内容具有相同的效果：

function myFunc1(){
    alert('a');
}


function myFunc2 (functionParameter){
    functionParameter();
}

function main(){
    myFunc2(myFunc1);
}

并使用Class作为对象原型的对象范例：

function Class(){
    this.myFunc1 =  function(msg){
        alert(msg);
    }

    this.myFunc2 = function(callBackParameter){
        callBackParameter('message');
    }
}


function main(){    
    var myClass = new Class();  
    myClass.myFunc2(myClass.myFunc1);
}

回复于 2024-04-16T15:55:10+08:00

-2
JavaScript程序员中有一句话：“Eval is Evil”，所以尽量避免它！

除了Steve Fenton的回答，您还可以直接传递函数 .
```
function addContact(entity, refreshFn) {
    refreshFn();
}

function callAddContact() {
    addContact("entity", function() { DoThis(); });
}
```
回复于 2024-04-16T15:55:10+08:00

您也可以使用 eval() 来做同样的事情 .

//A function to call
function needToBeCalled(p1, p2)
{
    alert(p1+"="+p2);
}

//A function where needToBeCalled passed as an argument with necessary params
//Here params is comma separated string
function callAnotherFunction(aFunction, params)
{
    eval(aFunction + "("+params+")");
}

//A function Call
callAnotherFunction("needToBeCalled", "10,20");

而已 . 我也在寻找这个解决方案并尝试在其他答案中提供的解决方案，但最终从上面的例子中得到了它 .

回复于 2024-04-16T15:55:10+08:00

事实上，似乎有点复杂，不是 .

get方法作为参数：

function JS_method(_callBack) { 

           _callBack("called");  

        }

您可以提供参数方法：

JS_method(function (d) {
           //Finally this will work.
           alert(d)
    });

回复于 2024-04-16T15:55:10+08:00

我建议将参数放在一个数组中，然后使用 .apply() 函数将它们拆分 . 所以现在我们可以轻松地传递一个包含大量参数的函数，并以一种简单的方式执行它 .

function addContact(parameters, refreshCallback) {
    refreshCallback.apply(this, parameters);
}

function refreshContactList(int, int, string) {
    alert(int + int);
    console.log(string);
}

addContact([1,2,"str"], refreshContactList); //parameters should be putted in an array

回复于 2024-04-16T15:55:10+08:00

要将函数作为参数传递，只需删除括号！

function ToBeCalled(){
  alert("I was called");
}

function iNeedParameter( paramFunc) {
   //it is a good idea to check if the parameter is actually not null
   //and that it is a function
   if (paramFunc && (typeof paramFunc == "function")) {
      paramFunc();   
   }
}

//this calls iNeedParameter and sends the other function to it
iNeedParameter(ToBeCalled);

这背后的想法是函数与变量非常相似 . 而不是写作

function ToBeCalled() { /* something */ }

你不妨写一下

var ToBeCalledVariable = function () { /* something */ }

两者之间存在细微差别，但无论如何 - 它们都是定义函数的有效方法 . 现在，如果您定义一个函数并将其显式分配给变量，那么您可以将其作为参数传递给另一个函数，并且您不需要括号：

anotherFunction(ToBeCalledVariable);

回复于 2024-04-16T15:55:10+08:00

5
其他答案很好地描述了正在发生的事情，但一个重要的“问题”是确保无论你通过什么，确实是对函数的引用 .

例如，如果您通过字符串而不是函数，则会收到错误：
```
function function1(my_function_parameter){
    my_function_parameter();   
}

function function2(){
 alert('Hello world');   
}

function1(function2); //This will work

function1("function2"); //This breaks!
```
见JsFiddle
回复于 2024-04-16T15:55:10+08:00

例1：

funct("z", function (x) { return x; });

function funct(a, foo){
    foo(a) // this will return a
}

例2：

function foodemo(value){
    return 'hello '+value;
}

function funct(a, foo){
    alert(foo(a));
}

//call funct    
funct('world!',foodemo); //=> 'hello world!'

look at this

回复于 2024-04-16T15:55:10+08:00

2
有些时候你需要处理事件处理程序所以需要传递事件作为参数，大多数现代库像react，angular可能需要这个 .

我需要覆盖OnSubmit函数（来自第三方库的函数）和reactjs上的一些自定义验证，我传递了函数和事件，如下所示

本来
```
<button className="img-submit" type="button"  onClick=
 {onSubmit}>Upload Image</button>
```
制作了一个新功能 upload 并调用 onSubmit 和事件作为参数
```
<button className="img-submit" type="button"  onClick={this.upload.bind(this,event,onSubmit)}>Upload Image</button>

upload(event,fn){
  //custom codes are done here
  fn(event);
}
```
回复于 2024-04-16T15:55:10+08:00

756

如果要传递函数，只需按名称引用它而不使用括号：

function foo(x) {
    alert(x);
}
function bar(func) {
    func("Hello World!");
}

//alerts "Hello World!"
bar(foo);

但有时您可能希望传递包含参数的函数，但在调用回调之前不要调用它 . 要做到这一点，在调用它时，只需将其包装在匿名函数中，如下所示：

function foo(x) {
   alert(x);
}
function bar(func) {
   func();
}

//alerts "Hello World!" (from within bar AFTER being passed)
bar(function(){ foo("Hello World!") });

如果您愿意，还可以使用apply函数并使用第三个参数作为参数数组，如下所示：

function eat(food1, food2)
{
    alert("I like to eat " + food1 + " and " + food2 );
}
function myFunc(callback, args)
{
    //do stuff
    //...
    //execute callback when finished
    callback.apply(this, args);
}

//alerts "I like to eat pickles and peanut butter"
myFunc(eat, ["pickles", "peanut butter"]);

回复于 2024-04-16T15:55:10+08:00

将JavaScript函数作为参数传递

13 回答

相关问题