对象编程和模块编程

最新推荐文章于 2024-09-05 08:49:27 发布

九木旭

最新推荐文章于 2024-09-05 08:49:27 发布

阅读量362

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/xdprintf/article/details/49558937

版权

javascript 专栏收录该内容

63 篇文章 0 订阅

订阅专栏

传统的是这样

var current = null;
var labels = {
    'home':'home',
    'articles':'articles',
    'contact':'contact'
};
function init(){
};
function show(){
    current = 1;
};
function hide(){
    show();
};

对象的写法这样

demo = {
    current:null,
    labels:{
        'home':'home',
        'articles':'articles',
        'contact':'contact'
    },
    init:function(){
    },
    show:function(){
        demo.current = 1;
    },
    hide:function(){
        demo.show();
    }
}

模块化的是这样

module = function(){
    var labels = {
        'home':'home',
        'articles':'articles',
        'contact':'contact'
    };
    return {
        current:null,
        init:function(){
        },
        show:function(){
            module.current = 1;
        },
        hide:function(){
            module.show();
        }
    }
}();

优化后是这样

module = function(){
    var current = null;
    var labels = {
        'home':'home',
        'articles':'articles',
        'contact':'contact'
    };
    var init = function(){
    };
    var show = function(){
        current = 1;
    };
    var hide = function(){
        show();
    }
    return{init:init, show:show, current:current}
}();
module.init();