javascript - 当另一个函数在 JavaScript 中开始或结束时执行语句

Question

我有一个装载机，

<div id="loading">Loading..!</div>
<script>$('#loading').hide();</script>

我想在 js 函数启动时自动显示该加载程序，并在 js 函数完成时隐藏。

在js文件中，

function myfunc{
$('#loading').show();

//some bla bla;

$('#loading').hide();
}

function myfunc1{
$('#loading').show();

//some bla bla;

$('#loading').hide();
}

..........

function myfuncN{
$('#loading').show();

//some bla bla;

$('#loading').hide();
}

我想自动显示加载程序，而不是将语句写入每个函数。

Answer 1

正如评论中已经提到的，您现在遵循更清晰的方式，但如果您仍想对现有函数应用额外的行，您可以使用 .apply()就像我在下面的 applier 函数中所做的那样:

function applier(initialFunction) {
    return function() {
        alert('apllied part before main logic');
        var result = initialFunction.apply(this, arguments);
        alert('apllied part after main logic');
    };
}

func1 = function() {
    alert('func1, logic from main function');
}
func2 = function() {
    alert('func2, logic from main function');
}

var newFunc1 = applier(func1);
var newFunc2 = applier(func2);

newFunc1();
newFunc2();