JS 模块、闭包应用

-------------------------------------------模------块----------------------------------------------------------------------------
-------单独的myModule1.js文件-----------
function myModule1(){
var msg=‘Ares_Wang’ // 私有变量
//操作数据的函数
function doSomething(){
console.log(‘doSomething()’+msg.toUpperCase())
}
function doSomething(){
console.log(‘doOthing()’+msg.toLowerCase())
}
//向外暴露对象（给外部使用的方法）
return {
doSomething:doSomething, // ES6 可以简写doSomething,
doOtherthing:doOtherthing // ES6 可以简写doOtherthing
}
}
---------------------html-界面----------------------------

<script type="text/javascript" src="myModule1.js">script>
<script>
    var module=myModule1()   //一个对象
    module.doSomthing()
    module.doOtherthing()
script>
1
2
3
4
5
6

---------------------利用IIFE—实现模块-------------------------------------------------
-------单独的myModule2.js文件-----------
(function (window){
var msg=‘Ares_Wang’ // 私有变量
//操作数据的函数
function doSomething(){
console.log(‘doSomething()’+msg.toUpperCase())
}
function doSomething(){
console.log(‘doOthing()’+msg.toLowerCase())
}
//向外暴露对象（给外部使用的方法）
window.myModule2= {
doSomething:doSomething, // ES6 可以简写doSomething,
doOtherthing:doOtherthing // ES6 可以简写doOtherthing
}
})(window)

---------------------html-界面----------------------------

<script type="text/javascript" src="myModule2.js">script>
<script>  
    myModule2.doSomthing()
    myModule2.doOtherthing()
script>
1
2
3
4
5