JavaScript的匿名函数与立即调用的函数表达式

AiWork开发文档

在官方文档的基础上，进行重新排版和优化。
一个优雅的文档，对于开发体验的提升，是效果显著的。
永久域名：aiwork.wiki

立即调用的函数表达式（Immediately Invoked Function Expression，IIFE）是一种在 JavaScript 中定义并立即执行的函数。

它通常用于创建一个独立的作用域，以避免变量污染全局作用域。

这种模式可以帮助管理作用域，尤其是在使用闭包时。

语法

IIFE 的基本语法如下：

(function() {
    // 这里是函数体
})();

或者使用箭头函数：

(() => {
    // 这里是函数体
})();

特点

1. 立即执行：定义后立即执行，不需要单独调用。
2. 私有作用域：在 IIFE 内部定义的变量不会暴露到外部作用域，减少了全局变量的数量。
3. 封装逻辑：可以将相关的逻辑和变量封装在一个私有作用域中，避免与其他代码冲突。

示例

以下是一个简单的 IIFE 示例：

var result = (function() {
    var count = 0; // 私有变量
    return function() {
        count++;
        return count;
    };
})();

console.log(result()); // 输出: 1
console.log(result()); // 输出: 2
console.log(result()); // 输出: 3

在这个例子中：

• count 是一个私有变量，只能通过返回的函数访问。
• 每次调用 result() 都会增加 count 的值，而 count 对外部代码不可见。

用途

• 避免全局污染：通过将代码封装在 IIFE 中，避免全局命名冲突。
• 模块化代码：可以用来创建模块，封装相关功能。
• 初始化设置：在应用程序开始时执行一些初始化逻辑。

总之，IIFE 是一个非常有用的工具，尤其是在需要控制作用域和封装逻辑的场景中。

实例

在悬浮日志区域显示一个时钟，时钟每秒都会刷新
例子中的count，就是一个递增的秒数。每次调用这个匿名函数，秒数都会增加，而不是清零。

var 计时函数 = function () {
    var count = 0
    return function () {
        window.runOnUiThread(function fun() {
            clock.text(s_to_hs(count) + '')
        })
        return count++;
    }
}()

setInterval(计时函数, 1000)