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

JavaScript - self-executing anonymous functions and callback

本文关键字:函数 回调 执行 JavaScript      更新时间:2023-09-26

我可以使用回调与自动执行的函数吗?
如果有,你见过例子吗?

JavaScript自执行函数:

(function(){
    //Do Stuff
})()

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

一些例子:

(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);
})();

由于闭包,来自闭包的变量不会干扰来自其他闭包(不同的匿名函数)的变量。

本示例

编辑:

如果你想在这样的函数中执行一些回调的代码,你可以这样写:

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);

甚至像这样:

(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
});

,然而,它似乎是相当粗心的,不必要地增加了代码的复杂性。

是这样吗?

(function(callback){
  //Do Stuff
  //Callback
  if(typeof callback === 'function') {
      callback();
  }
})(myCallback);