如何给变量取名字
- 如果要返回一个数据
- 如果只做事不返回
react 组件内部函数声明顺序
- static 开头的类属性,如 defaultProps、propTypes。
- 构造函数,constructor。
- getter/setter
- 组件生命周期。
- _ 开头的私有方法。
- 事件监听方法,handle*。
- render开头的方法,有时候 render() 方法里面的内容会分开到不同函数里面进行,这些函数都以 render 开头。
- render() 方法
React 命名思路 -- 参照(copy)自 方方 GuUI - react 命名部分
- 普通变量只能用名词
let user = {...} // right
let getUser = {...} // wrong
复制代码
- 不允许添加 info、data 后缀,
let userinfo, userData // wrong
复制代码
- 布尔变量只能有下面几种形式
- 形容词, 如 active
- be 动词接名词, 如 isAdmin
- 动词的完成时态 (也就是动词的 ed 形态), 如 created, destroyed, broken
- has 接名词, 如 hasChild
- 介词接名词, 如 inCache
- 函数
- 无参数函数用不及物动词, 如 die()
- 有参数函数用及物动词, 如 remove()
- 回调函数用介词 (before、after、on) 加动词的名词形式, 如 onClickButton、afterAnimation
- 钩子函数跟 react 风格统一, 用表时态的动词, 如 willAnimate, didAnimate
- 缩写
- 禁止所有缩写
let cnt, cls, btn, str
复制代码
- 如果某个缩写是行业共识,则可以使用, 如 html、dom
- 但是如果这些缩写需要大写、请只大写第一个字母, 如
let renderHtml
let renderHTML
复制代码
- 禁止用 2 标识 to, 如 string2Date 必须写成 stringToDate
转载于:https://juejin.im/post/5c3d41f7f265da616501c940