这两种函数命名，哪种更好呢？

Question

比如，用户点击按钮，显示一个列表，

这样的函数名，下面哪种更好一点呢？

1. tapXxxBtn() // 以用户的操作命名
2. showXxxList() // 以程序的操作命名(为了响应用户操作)
3. 或者还有什么更好的命名吗？

看了几位大佬的回答后，我又想到了一种：
用户操作函数触发业务函数，也就是

tapXxxBtn() {
  showXxxList()  
}

Answer 1

最好是tapHandler这种命名, 具体业务方法放在tapHandler内部, 这样方便扩展, 比如

function tapHandler(){
    createXxx();
    setXXX();
}

不要用下划线, 所有变量/函数命名都是驼峰, 类(构造函数)用Pascal(首页字母大写), 常量可以const GOODS_LIMIT = 100

Answer 2

个人更倾向于第二种，以业务功能命名，并且采用了驼峰命名规范可读性高。

Answer 3

以业务功能命名吧，对于以用户操作命名的，一般是事件处理函数命名方式，比如 onXxxBtnTapping，onXxxBtnTapped

Answer 4

都是可行的，第一种适合通用或者通用组件类，不牵扯业务，命名简单；尤其整个项目中大量页面布局重复，复制粘贴的时候不用每一个都改名字。第二种就比较直接了。
项目中还是第一种用的多一些，毕竟一个事件中一般会有很多操作。

function handleSelect() {
    loading = true;
    getXXXList().then(data => {
        createXXX();
        loading = false;
    })
    
}