代码优化疑惑

Question

一句话概括就是代码高耦合了, 需求稍微有点变化, 就会牵涉到改很多代码, 维护起来感觉好困难, 虽然效果什么的实现了, 但是代码特别差, 求大神指导.举个例子:我目前写的代码是这样的:function start() {    var data = null    $.get('/s/api..', function(res) {        data = res    })    ...一堆逻辑后用two方法    two(data)    }function two(data) {    逻辑....然后用到了thr方法    thr(data.a, data.b)}function thr(a, b) {    var thrA = null    ...一对逻辑后for(a, b, thrA)}function for(a, b, thrA) {    ...逻辑代码}这样编写的代码之间高耦合, 需求变化什么的都很难维护.假如thr想直接用start中的属性c,我想到就是传给two再传给thr,因为start不需要用到thr方法, 但需求修改后发现thr又需要用到start请求的数据; 如果用全局的话就会有很多var, 貌似影响性能, 求教怎么优化自己的代码, 怎么解耦, 有什么好的书推荐吗. 可能我描述的问题不是太清楚, 总之就是代码之间高耦合, 如何让代码低耦合

Answer 1

其实这个时候用闭包，来封闭你的所谓认为 var 会影响性能，是最好不够。

例如：

(function() {

    var c;

    function start() {

        var data = null

        $.get('/s/api..', function(res) {

            data = res

        })

        ...一堆逻辑后用two方法

        two(data)    

        // using c

    }

    function two(data) {

        逻辑....然后用到了thr方法

        thr(data.a, data.b)

        // using c

    }

    function thr(a, b) {

        var thrA = null

        ...一对逻辑后for(a, b, thrA)

        // using c

    }

    function for(a, b, thrA) {

        ...逻辑代码

        // using c

    }

})();

但，有时会你又希望这个闭包，可能有些东西是需要被外部使用的。那么，可以改装成类：

var Bus = function(options) {

    var c;

    function start() {

        var data = null

        $.get('/s/api..', function(res) {

            data = res

        })

        ...一堆逻辑后用two方法

        two(data)    

    }

    function two(data) {

        逻辑....然后用到了thr方法

        thr(data.a, data.b)

    }

    function thr(a, b) {

        var thrA = null

        ...一对逻辑后for(a, b, thrA)

    }

    function for(a, b, thrA) {

        ...逻辑代码

    }

    

    return {

        start: start,

        getC: function() {

            return c;

        }

    };

}

// using

var bus = new Bus();

bus.start();

console.log(bus.getC());

或许ES6才是你应该去看！