变量命名的时候我满脑子只剩下了a，b，c...

let a = 'this is testText'

let temp = []

命名！

命名！！

命名！！！

我是谁？我在哪？我在干嘛？

当变量名过多的时候我们的脑子就会变得浑浑噩噩，完全想不起来起什么变量名，这时候就只想拼音首字母？？？（小丑竟是我自己！！！）

那么到底该怎么起名字？

近义词又该如何变量名命名？

别急别急~~~ 慢慢往下看一眼：

• 英文

  为了规范，一定要使用英文，一定要使用英文，一定要使用英文（别找我爱国，打死不用英文之类的借口，这和爱国没关系 ^-^）

• 命名约定

  变量名、函数名、类名....每种语言都有自己的一套规范，可以去github上找一个该语言的库，看一下人家的源码，每种变量名都是怎样的格式

• S-I-D

  • short:简短：变量名不能过长
  • intuitive:直观：接近日常使用语
  • descriptive:有描述性的：能够让人根据名称就知道其功能性

• 避免缩词

  有些人喜欢缩词，比如function btnClk = () => {}, 最好不要这样写，其实这样写和function a = () => {}没什么区别。

• 避免上下文重复

  class  MenuItem  { 
    / *方法名称复制上下文（即“ MenuItem”）* / 
    handleMenuItemClick  =  （event ） =>  { ... } 
  
    / *很好地读为`MenuItem.handleClick（）`* / 
    handleClick  =  （event ） =>  { ... } 
  }
  

• 要表达预期结果

  / *错误* / 
  const  isEnabled  =  itemCount  >  3 
  return  <按钮已 禁用= { ！isEnabled }  / > 
  
  / *良好* / 
  const  isDisabled  =  itemCount  <=  3 
  return  <按钮已 禁用= { isDisabled }  / >
  

命名方法：

prefix? + action(A) + high context(HC) + low context(LC),

总的来说就是，前缀 + 动词 + 主体 + 次主体

下面是一些例子用来体会这个公式：

let user = 'zmheang'

function getUserName = () => {}

let isMaxNumber = 3 > 2

const  hasProducts  =  productsCount  >  0

另外还给朋友准备了一个命名神器，我们只需要输入关键字（支持中文），就可以获得相关的命名啦

本文来自于git