Github标星7.9K!程序员专属的命名宝典来了

新闻 前端
这个项目介绍了命名时需要考虑的数个要点,旨在帮你解决命名困难的问题,教你如何便捷、轻松地进行命名,这个项目就叫——naming-cheatsheet。

 命名一直是程序员最烦恼的事情之一,一个好的命名可以让一段代码看起来可读性更强,后续维护的人员也会更轻松。因此,在团队中统一使用同一套命名规范是相当有必要的。

今天,猿妹要和大家分享一份命名宝典,专门帮助程序员如何命名,这个项目介绍了命名时需要考虑的数个要点,旨在帮你解决命名困难的问题,教你如何便捷、轻松地进行命名,这个项目就叫——naming-cheatsheet。

naming-cheatsheet已经在Github上标星 7.9K,累计分支 386 个(Github地址:https://github.com/kettanaito/naming-cheatsheet)

这些命名规则适用于任何编程语言,创建者以JavaScript为例演示,一起来看看吧:

英语命名

在命名变量和函数名时用英文名称命名:

  1. /* Bad */ 
  2.  
  3. const primerNombre = 'Gustavo' 
  4.  
  5. const amigos = ['Kate''John'
  6.  
  7. /* Good */ 
  8.  
  9. const firstName = 'Gustavo' 
  10.  
  11. const friends = ['Kate''John'

不管你喜欢与否,英语是编程中的主导语言,所有编程语言的语法都是用英语编写的,还有无数的文档和教学资料也是英文,通过英语编写代码,可以极大地增加代码的凝聚力。

约定命名

选择一套命名规范并遵循它,在团队中保持命名的一致性,它可以是camelCase、PascalCase、snake_case或其他任何东西。许多编程语言在命名约定方面都有自己的传统,你可以查看自己的编程语言文档或者学习一些Github上流行的知识库。

  1. /* Bad */ 
  2.  
  3. const page_count = 5 
  4.  
  5. const shouldUpdate = true 
  6.  
  7. /* Good */ 
  8.  
  9. const pageCount = 5 
  10.  
  11. const shouldUpdate = true 
  12.  
  13. /* Good as well */ 
  14.  
  15. const page_count = 5 
  16.  
  17. const should_update = true 

S-I-D命名原则

名称必须简短、直观和描述性:

  • 短:输入一个名称一定不要花太长时间,因此一定要简短
  • 直观:名称读起来一定要直观,尽可能贴近日常用语
  • 描述性:名称必须可以用最有效的方式反映它的作用
  1. /* Bad */ 
  2.  
  3. const a = 5 // "a" could mean anything 
  4.  
  5. const isPaginatable = a > 10 // "Paginatable" sounds extremely unnatural 
  6.  
  7. const shouldPaginatize = a > 10 // Made up verbs are so much fun! 
  8.  
  9. /* Good */ 
  10.  
  11. const postCount = 5 
  12.  
  13. const hasPagination = postCount > 10 
  14.  
  15. const shouldPaginate = postCount > 10 // alternatively 

避免过度的简写

不要使用缩写,它们只会降低代码的可读性,找到一个简短的可读的名称可能会很难,但即便如此也别使用简写。

  1. /* Bad */ 
  2.  
  3. const onItmClk = () => {} 
  4.  
  5. /* Good */ 
  6.  
  7. const onItemClick = () => {} 

避免重复命名

上下文的名称不应该重复

  1. class MenuItem { 
  2.  
  3. /* Method name duplicates the context (which is "MenuItem") */ 
  4.  
  5. handleMenuItemClick = (event) => { ... } 
  6.  
  7. /* Reads nicely as `MenuItem.handleClick()` */ 
  8.  
  9. handleClick = (event) => { ... } 
  10.  

反映预期结果

变量或函数的命名应该做到能够反映预期的结果。

  1. /* Bad */ 
  2.  
  3. const isEnabled = itemCount > 3 
  4.  
  5. return <Button disabled={!isEnabled} /> 
  6.  
  7. /* Good */ 
  8.  
  9. const isDisabled = itemCount <= 3 
  10.  
  11. return <Button disabled={isDisabled} /> 

以上就是命名的6大原则,除此之外,创建者还介绍了命名模式,诸如A/HC/LC模式、动作、前缀、单复数等模式,感兴趣的不妨自己去学习一下吧。

 

责任编辑:张燕妮 来源: 开源最前线
相关推荐

2021-11-26 05:57:12

开源备份Restic

2019-08-09 18:08:13

程序员技能开发者

2019-05-16 09:13:31

Github定理开发

2020-12-08 10:23:42

程序员PPT开发

2020-06-16 11:09:13

程序员技能开发者

2020-12-30 10:35:49

程序员技能开发者

2021-04-09 16:25:00

GitHub代码开发者

2020-01-13 13:00:59

程序员技能开发者

2021-10-21 05:57:33

网盘开源云盘系统

2013-11-01 17:24:39

程序员命名

2020-02-20 10:00:04

GitHubPyTorch开发者

2015-12-24 10:25:30

微软程序员时代

2022-03-25 22:57:37

系统设计架构

2019-12-24 11:13:02

GitHub代码开发者

2021-09-04 15:42:17

GitHub面试程序员

2023-07-17 13:21:30

程序员模型

2021-09-18 11:28:29

GitHub代码开发者

2021-05-17 09:44:34

程序员技能开发者

2022-04-18 11:05:36

开源github代码库

2021-03-02 09:34:15

GitHub仓库代码
点赞
收藏

51CTO技术栈公众号