【JS】自调用函数怎么用？

自调用函数定义

自调用函数，也称为立即执行函数表达式（IIFE），是一种在定义后立即执行的函数（也就是说不用另外调用执行了）。它的主要目的是创建一个新的作用域，避免全局变量的污染。

优势

• 可以立即执行，不需要等待其他代码的执行。
• 创建了新的作用域，可以保护内部的变量和函数不被外部访问，避免全局变量的冲突，实现封装和模块化。

 代码示例

简单的自调用函数

(function() {
  console.log("在这里写代码")
})();

带参数的自调用函数

//函数名和参数写不写都行
(function  函数名(形参) {
  console.log("这里是代码块");
})(实参);


//实例
(function (name) {
  console.log('Hello, ' + name + '!');//Hello, 我是代码客！
})("我是代码客");

返回值的自调用函数

var a = 10;
var b = 20;
var result = (function() {
  var a = 1;//不会影响定义好的全局变量
  var b = 2;
  return a + b;
})();
console.log(result);  // 输出：3
console.log(a + b); // 输出：30

使用自调用函数实现模块化

var MyModule = (function() {
  var privateVar = 'private';
  
  function privateMethod() {
//自调用函数里定义的函数的return
    return 'This is a private method';
  }

  //自调用函数的return
  return {
    publicMethod: function() {
      return privateMethod() + ' Accessed from a public method';
    },
    publicVar: 'This is a public variable'
  };
})();

// 输出：This is a private method Accessed from a public method
console.log(MyModule.publicMethod());  
// 输出：This is a public variable
console.log(MyModule.publicVar);