使用参数传递函数作为JavaScript中另一个函数的参数

Question

I would like to pass a function with parameters to another function and have it run on an event, like this:

var main_object = function () {
    this.main_function = function (function) {
        document.addEventListener('click',function);
    }
    this.passed_function = function (variable) {
        alert(variable);
    }
}



var main_object = new main_object();
main_object.main_function(main_object.passed_function(3));

Answer 1

In modern JavaScript engines, you can bind the function:

mainObject.main_function(main_object.passed_function.bind(main_object, 3));

The first argument to bind will be this when the function executes and any remaining arguments to bind will be leading arguments in the call to the function.

Answer 2

如果我没听错，

main_object.main_function(function() { main_object.passed_function(3) });

Answer 3

For what you're talking about, you could just use bind . In your case, you would do:

main_object.main_function(main_object.passed_function.bind( main_object, 3 ));

Answer 4

function mainfunc(func) {
    alert(func);
}

function callBackFn(a) {
    alert(a);
}

mainfunc("arg1", callBackFn("javaScritFnParameter"));  //call this in load

For sure it works no need to worry... but callbackFn will execute first and next only "arg1" will execute.