JavaScript - 自动执行匿名函数和回调

Ila*_*sda 11 javascript

我可以使用具有自执行功能的回调吗?
如果是的话,你看过任何一个例子吗?

JavaScript自执行功能:

(function(){

    //Do Stuff

})()
Run Code Online (Sandbox Code Playgroud)

Tad*_*eck 11

当然可以 - 这是将变量封装在某个函数中的常用方法,因此它们不会干扰全局变量(或来自单独的闭包).

一些例子:

(function(){

    var counter = 0;
    var step = function(){
        counter++;
        console.log(counter + ' Mississipi...');
    };

    setInterval(step, 1000);

})();

(function(){

    var counter = 0;
    var step = function(){
        counter++;
        console.log('3 seconds passed for a ' + counter + ' time');
    };

    setInterval(step, 3000);

})();
Run Code Online (Sandbox Code Playgroud)

由于闭包,它们的变量不会干扰来自不同闭包的变量(不同的匿名函数).

这个jsfiddle中的工作示例.

编辑:

你想在这样的函数中执行某些回调的代码,你可能会写这样的东西:

var my_own_callback = function(data){
    // some code for callback working on data passed
};
// ...
(function(callback){
    var result; // future data sent to callback
    // do whatever you need here
    callback(result);
})(my_own_callback);
Run Code Online (Sandbox Code Playgroud)

甚至是这样的:

(function(callback){
    var result; // data that will be sent to callback
    // do whatever you need here
    callback(result);
})(function(data){
    // code for callback using data set to this callback
});
Run Code Online (Sandbox Code Playgroud)

然而,这似乎相当粗心,并且不必要地增加了代码的复杂性.

  • @NewUser只要您在自执行函数中没有异步代码,其余代码将按顺序执行(意思是,不需要使用回调,只需继续使用您的代码).如果您有异步代码,则必须将回调传输到这些代码块并对其进行适当处理. (2认同)