Javascript，从回调返回值

Question

I have 3 functions in javascript:

function A(){
     B(data);
}

function B(data){
    element.on('click',function(){
         C(data);
    });
}

function C(data){
    //Process data
}

Function C does all data processing, but the data needs to be passed only on the click event, which I have defined in B. So, I need to pass data to B too, to ensure that C gets it. Here, A is my main program and I'd rather not define the click event there. Is there any other way to pass data directly to C from A?

Answer 1

Is there any other way to pass data directly to C from A?

You will need to pass the call of C with th data to B for that:

function A(){
    B(function(){
         C(data);
    });
}

function B(data){
    element.on('click', callback);
}

function C(data){
    //Process data
}

It would work the same way as the code you already have, but has decoupled B from C.