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

Question

初学JSJQ有一段时间了，功能基本能做出来，也看了一些AG，react，vue这些框架。但是我在写代码的结构上，感觉还是停留在初级（垃圾）水平。举个列，我用JQ库写代码的结构是这样的。如下：
$(function(){
//一个点击事件
$("selector1").click(function(){
//执行代码块A
A();
});
如果执行代码块A在外面写个公用函数，就写成：
functionA(){
//执行代码块
}
//另一个点击事件
$("selector2").click(function(){
//执行代码块B
B();
});
如果执行代码块B在外面写个公用函数，就写成：
functionB(){
//执行代码块
}
});
当达到千行的时候，我就发现这个不好维护，虽然，我把每个功能代码块写了注释，感觉后面维护，修改跟困难。我也看过别人写的，用原型链的等等。
论坛经验丰富的朋友能否分享下自己的代码结构思路。暂时不要提供什么框架，模板引擎。谢谢

Answer 1

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