JS module, closure application

------------------------------------------- model ------ block ----------------------------------------------------------------------------
------- A separate myModule1.js file -----------
function myModule1(){
var msg=‘Ares_Wang’ // Private variables
// Functions that manipulate data
function doSomething(){
console.log(‘doSomething()’+msg.toUpperCase())
}
function doSomething(){
console.log(‘doOthing()’+msg.toLowerCase())
}
// Exposed objects （ Methods for external use ）
return {
doSomething:doSomething, // ES6 It can be abbreviated doSomething,
doOtherthing:doOtherthing // ES6 It can be abbreviated doOtherthing
}
}
---------------------html- Interface ----------------------------

<script type="text/javascript" src="myModule1.js"></script>
<script> var module=myModule1() // An object  module.doSomthing() module.doOtherthing() </script>

--------------------- utilize IIFE— Implementation module -------------------------------------------------
------- A separate myModule2.js file -----------
(function (window){
var msg=‘Ares_Wang’ // Private variables
// Functions that manipulate data
function doSomething(){
console.log(‘doSomething()’+msg.toUpperCase())
}
function doSomething(){
console.log(‘doOthing()’+msg.toLowerCase())
}
// Exposed objects （ Methods for external use ）
window.myModule2= {
doSomething:doSomething, // ES6 It can be abbreviated doSomething,
doOtherthing:doOtherthing // ES6 It can be abbreviated doOtherthing
}
})(window)

---------------------html- Interface ----------------------------

<script type="text/javascript" src="myModule2.js"></script>
<script> myModule2.doSomthing() myModule2.doOtherthing() </script>