JS/JQ 写代码的结构思路。

Question

初学JS JQ 有一段时间了，功能基本能做出来，也看了一些AG，react，vue这些框架。但是我在写代码的结构上，感觉还是停留在初级（垃圾）水平。举个列，我用JQ库写代码的结构是这样的。如下：

$(function () {    

    //一个点击事件

    $("selector1").click(function(){

        //执行代码块A 

        A();

    });

    

    如果执行代码块A 在外面写个公用函数，就写成：

    

    function A(){

        //执行代码块 

    }

    

    //另一个点击事件

      $("selector2").click(function(){

        //执行代码块B 

        B();

      });

      

    如果执行代码块B 在外面写个公用函数，就写成：

    

    function B(){

        //执行代码块 

    }

  });

  

当达到千行的时候，我就发现这个不好维护，虽然，我把每个功能 代码块写了注释，感觉后面维护，修改跟困难。我也看过别人写的，用原型链的等等。

论坛经验丰富的朋友能否分享下自己的代码结构思路。暂时不要提供什么框架，模板引擎。谢谢

Answer 1

你可以先用 AMD 方式，把代码拆开。这种情况下，再碰到瓶颈时，再说。 -- 水平拆。然后，考虑下你的代码的层次，哪些是处理数据的，哪些是操作节点的，哪些又是事件回调的等，考虑怎么分代码。 -- 垂直拆。