javascript 모듈 화 프로 그래 밍 사고 학습 (1) 입문

//         
    var module_status = (function(){
        var status = {
            number:0,
            color:null
        }
        var get = function(prop){
            return status[prop];
        }
        var set = function(prop,value){
            status[prop] = value;
        }
        return {
            set:set,
            get:get
        }
    })();



    //        
    var module_color = (function(){

        //      
        var state = module_status;
        var colors = ["orange","#ccc","pink"];
        function render(){
            var color = colors[state.get('number') % 3];
            document.body.style.backgroundColor = color;
        }
        return {
            render:render
        }
    })();

    //      number   ，      
    var module_context = (function(){
        var state = module_status;
        function render(){
            document.body.innerHTML = 'this Number is ' + state.get('number');
        }
        return {
            render:render
        }
    })();


    //     
    var module_main = (function(){
        var state = module_status;
        var color = module_color;
        var context = module_context;

        setInterval(function(){
            var newNumber = state.get('number') + 1;
            state.set('number',newNumber);
            color.render();
            context.render();
            console.log(1111);
        },500);
    })();