js 모듈화 진화사

전역function 모드

/**
 *  :  
 *  : Global ,  
 */

let data = "hello world";
function foo() {
    console.log('foo() '+data);
}
function bar() {
    console.log('bar() '+data);
}

2.namespace 모드

/**
 * namespace :  
 *  :  
 *  :  ( ,  )
 */
let obj ={
   msg : 'hello',
    foo:()=>{
        console.log(msg);
   }
}

3. IIFE 모드

/**
 * IIFE :  ( )
 * IIFE : immediately-invoked function expression( )
 *  :  ,  
 *  :  ?
 */
//IIFE 

(function (window) {
    let msg = 'hello world';
    let foo = function () {
        console.log('IIFE--->'+msg);
    };
    window.foo = foo;
})(window)

IIFE 모드 강화: 도입 의존이 현대 모듈 실현의 초석이다