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>

---------------------利用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>