JavaScript调用子函数并从函数内部返回

Question

在一个非常长的函数中，我需要在继续执行脚本之前获取用户选项。

的想法是像这样的东西来获得已选定的值（ 'A' 或 'B'）：

function myMainFct { 

    // a lot of lines here 

    if(a_Defined_Value_Is_Ok) { var option="a"; } 

    else { 
     var choose = "<a onclick=\"myOption('a')\">A</a><a onclick=\"myOption('b')\">B</a>"; 
     // here I put the <a> choices in a div 

     // now the subfunction 
     function myOption(x) { return x; } 

     // what will happen when I'll get the value 
     if (x) { var option=x; } 
    } 

    if (option=="a") { 
     // let's continue the script for users with "a" option 
    } 

    else if (option=="b") { 
     // let's continue the script for those with "b" option 
    } 

    // end of common main function 
} 

Answer 1

与你的语法保持：

var x = (function myOption(x) { return x; })(); 

Answer 2

你需要将选项处理代码放在一个单独的函数中。

function myMainFct { 

    // a lot of lines here 

    if(a_Defined_Value_IsOk) 
    myCompletion("a"); 

    else { 
    var choose = "<a onclick=\"myCompletion('a')\">A</a><a onclick=\"myCompletion('b')\">B</a>"; 
    // here I put the <a> choices in a div 

    } 
    // end of common main function 
} 

function myCompletion(option) { 

    if (option=="a") { 
    // let's continue the script for users with "a" option 
    } 

    else if (option=="b") { 
    // let's continue the script for those with "b" option 
    } 

} 

Answer 3

我终于找到了另一种解决方案。这不是最好的，但它的工作原理。

function myOption(x) { myMainFct(x); } // return to main function when called 

function myMainFct(x) { 

    // a lot of lines here 

    if(a_Defined_Value_Is_Ok) { var option="a"; } 

    else { 
    var choose = "<a onclick=\"myOption('a')\">A</a><a onclick=\"myOption('b')\">B</a>"; 
    // here I put the <a> choices in a div 

    if (x) { var option=x; } 
    } 

    if (option=="a") { 
    // let's continue the script for users with "a" option 
    } 

    else if (option=="b") { 
    // let's continue the script for those with "b" option 
    } 

    // end of common main function 
}