这两种函数命名,哪种更好呢?

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

这样的函数名,下面哪种更好一点呢?

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

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

tapXxxBtn() {
  showXxxList()  
}
阅读 2.3k
4 个回答

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

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

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

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

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

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

function handleSelect() {
    loading = true;
    getXXXList().then(data => {
        createXXX();
        loading = false;
    })
    
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题