定位+思路+方法，三步教你快速敲定前端JS结构

闲话少说，

--定位

就是说你现在要写的是什么东西？是一个页面？还是一个组件？还是一个function方法？不同的东西它的定位不同，结构就不同。

如果是页面，那么要从前端构建的角度来考虑;接下来，前端构建你要如何选择？是webpack、gulp还是browerify+npm？这些都是你要考虑的。

如果是组件，那你要考虑它在不同环境，不同页面上被加载的情况。你把它设计为一个通用各端的组件？还是一个PC组件？它可以全屏还是只能占用页面上的一小块空间？

如果是一个fn方法，那你要考虑它会如何被加载，以及加载的方式。它需要有哪些方法？哪些参数？哪些类型？有没有默认defaultConfig？如果传参错误你要如何报错？它如何返回数据？是在.js文件中一个方法？还是以一个.js文件的形式存在？

上面这几段话，说的就是定位。你把分配给你的任务定性为什么？就决定了你要如何着手去做。

--接下来是思路

定位有了，思路就好搞了，无非是分析、拆分需求罢了，然后根据不同的业务需求场景，设计不同的模块，说白了就是业务划分，哪几块算一堆。。。然后数据在这些模块之间穿梭。

要时刻把握一个念头，“我们操作的是数据，而不是DOM。数据一但改变，DOM就要跟着改变”。

--然后是方法

方法，就是定位 + 思路的具体化。定位是方向，思路是分哪几步走，方法就是每一步具体做什么。到这一步就基本上开始JS代码的具体实现了，给大家放上一段今晚先行者视频的片断，大家感受一下。

到最后，这三大块加在一起，基本上你的前端结构就出来了。