vue或react等一些前端框架中 函数的排序规则一般是上面呢

Question

on() {

},
cancel() {

},
init() {

}

如果按照首字母排序，那么cancel肯定要写在on前面，但是这两个功能截然相反的函数，似乎写在一起更合适，就程序开发效率上来说，一般函数名采取何种排序比较科学呢？

Answer 1

我一般都是按照事件的类型来分，在页面顺序中分次序，一般从上往下如下：

1. 直接响应元素的监控事件一类（handlexxx或者其它）
2. 公共调用的函数一类
3. 工具函数一类
4. 私有函数一类(_xx)

我觉得这样比较好维护。

但是怎么排序还是要看自己的习惯。

Answer 2

没必要纠结这些的，排序先后无关紧要，无论你怎么排，键值对都是散列的，最终顺序都一样

Answer 3

eslint 会告诉你的，vue 不清楚，react 中的钩子函数是按照生命周期排序的。