变量命名规范及前端命名方法

[guoshuai93]

常见的变量命名规范

• 匈牙利命名法
• Pascal 帕斯卡命名法
• camelCase 驼峰命名法

匈牙利命名法

一般规则：变量名＝数据类型+对象描述 匈牙利命名法，一个变量名由一个或多个小写字母开始，这些字母有助于记忆变量的类型和用途。后半部分的首字母可以大写，以区别前面的类型指示字母。如：

let aList = []  // a：数组
let fnGetData = function(){}  // fn：函数
let oPerson = {name: 'Jack'}  // o：对象
let sName = 'Rose'  // s：字符串
let rePhone = /^1[0-9]{10}$/  // re：正则表达式

驼峰命名法

如果变量名由两个或多个单词组成，应用驼峰命名法可以增强变量的可读性。驼峰命名法又分为两种：

• 小驼峰命名法：首单词首字母小写，其他单词首字母均大写，如 firstName，lastName；
• 大驼峰命名法：所有单词首字母均大写，如 FirstName，LastName。

帕斯卡命名法

命名规则同大驼峰命名法一致。所有单词首字母均大写。

以上是常见的命名规则，除此之外，还可以使用 -，_ 连接多个单词的方式，比如 submit-btn。

前端命名推荐方法

JavaScript

基本命名要求：

• JavaScript 里变量名里可以有字母，数字，下划线，美元符号$，且首字母不能为数字，不能有其他符号或空格。
• 禁止使用 JavaScript 中的关键字和保留字。
• 命名格式可以是匈牙利命名法，驼峰命名法或帕斯卡命名法。

CSS

• class： 通常可以使用-连接命名，这也延续了 CSS 中一贯风格：font-family；
• id： 通常使用小驼峰命名法