js命名规则

Posted 2023-05-11

参考技术A 函数命名：统一使用动词或者动词+名词形式 ---- fnInit()

如果有内部函数则“_”开头  _fnInit().

对象方法命名使用fn+对象类名+动词+名词形式  fnAnimateDoRun()

某事件响应函数命名方式为fn+触发事件对象名+事件名或者模块名  fnDivClick()

附常用的动词列表：

变量命名：

一些算是默认的规范就不说了 (常量大写，循环变量简写，驼峰式等）

对于变量命名 还是没有一个规范，下面贴出一个别人的规范仅供参考。

按照类型规划：

按照前缀区分 ：

市面上常用的命名规范：

camelCase（小驼峰式命名法 —— 首字母小写）

PascalCase（大驼峰式命名法 —— 首字母大写）

kebab-case（短横线连接式）

Snake（下划线连接式）

1.1 项目文件命名

1.1.1 项目名

全部采用小写方式， 以 短横线 分隔。例：my-project-name。

1.1.2 目录名

参照项目命名规则，有复数结构时，要采用复数命名法 。例：docs、assets、components、directives、mixins、utils、views。

vue 项目中 js命名规则

类型	规范	示例
常量	全字符大写，单词用 ‘_‘ 分隔	FETCH_USERS、GET_USERS
变量、函数	小写开头驼峰式	camelCase
类、特殊意义的命名空间	大写开头驼峰式	CamelCase
方法、函数	a. 动词 或 动词+名称 组合 b. get 必须要有返回值
布尔值变量	is 或 has 前缀
私有属性或方法	用 ‘_‘ 或 ‘__‘ 前缀
事件处理函数	handle前缀 或 Handler 后缀