如何使用变量而不是名称来调用函数？

Question

Here is my code:

 $('.click').on('click', function(){ $.ajax({ url : $(this).siblings('a').attr('href'), dataType : 'JSON', success : function (tags) { $("ul").html(tags.output); }, error : function (jqXHR, textStatus, errorThrown) { if ( textStatus === 'timeout') { ajax_error_handleign('timeout error', 10, 5000, 'clear_result_box'); } }, timeout: 4000 }); }) function ajax_error_handleign(message, position, aliev_time = 5000, func_name = false){ if ( func_name !== false ){ window['clear_result_box'](); } $(".error_msg").html(message); $(".error").css({top: position + "px"}).fadeIn(200); close_error_msg = setTimeout(function(){ $(".error").fadeOut(100); }, aliev_time); } function clear_result_box () { console.log('result box is clear now') } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button class='click'> click </button> 

Also I have sleep(5); in the php script that ajax request above refers to. So always timeout reaches and error will be executed.

What's the problem? I get this error:

Does anybody what's wrong?

Answer 1

instead of:

function clear_result_box () {
    console.log('result box is clear now')
}

assign the function to a variable:

var clear_result_box = function(){
    console.log('result box is clear now')
}

and use the variable after:

ajax_error_handleign('timeout error', 10, 5000, clear_result_box);