IIFE（Immediately Invoked Function Expression）立即调用函数表达式

最新推荐文章于 2024-05-31 10:04:55 发布

艺能人金广发

最新推荐文章于 2024-05-31 10:04:55 发布

阅读量96

点赞数

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/Chico_Feng/article/details/127818158

版权

通过自调用函数模拟模块化，解决了全局变量污染问题。

例：b文件依赖a文件

a文件

(function(){
    var a = 1
    window.moduleA = {
        a
    }
})()

b文件

(function(moduleA){
    var b = 2
    console.log("导入的模块数据是：", moduleA);
    console.log("当前模块数据是" + b);
})(moduleA)

最后在html文档中需要导入这两个文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

</body>
<script src="a.js"></script>
<script src="b.js"></script>
</html>

结果：

优惠劵

艺能人金广发

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
IIFE（Immediately Invoked Function Expression）立即调用函数表达式

IIFE（Immediately Invoked Function Expression）立即调用函数表达式通过自调用函数模拟模块化，解决了全局变量污染问题。
复制链接

扫一扫