admin管理员组

文章数量:1130349

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

例：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>

结果：

 

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

例：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>

结果：

 

本文标签： 表达式函数ImmediatelyIIFEinvoked

版权声明：本文标题：IIFE（Immediately Invoked Function Expression）立即调用函数表达式 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/jiaocheng/1754577146a2703705.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。