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 方式，把代码拆开。这种情况下，再碰到瓶颈时，再说。 -- 水平拆。

然后，考虑下你的代码的层次，哪些是处理数据的，哪些是操作节点的，哪些又是事件回调的等，考虑怎么分代码。 -- 垂直拆。