跳至主要內容

JavaScript 命名规范


JavaScript 命名规范

1 变量

驼峰式命名,前缀为形容词

// 好的命名
let maxCount = 10
let tableTitle = '学生表'

// 不好的命名
let setCount = 10
let getTitle = '学生表'

2 常量

使用大写字母下划线来组合命名,下划线用来分割单词

// 好的命名
const MAX_COUNT = 10

// 不好的命名
let maxCount = 10

3 函数、方法

驼峰式命名,前缀为动词

常用前缀及含义

前缀含义
can判断是否可执行某个动作
has判断是否含有某个值
is判断是否为某个值
get获取某个值
set设置某个值
load加载某些数据
del、delete删除
rm、remove移除
add增加
insert插入
update修改
select选择
query获取
// 好的命名
function getAge() {}

// 不好的命名
function age() {}

4 类、构造函数

帕斯卡式命名

// 好的命名
class Persion {}

// 不好的命名
class persion {}

5 类的成员

类的成员包括:

  • 公共属性和方法: 跟变量和函数命名一样。
  • 私有属性和方法:前缀为下划线_, 后面跟公共属性和方法一样的命名方式。
class Person {
  constructor() { }

  // 私有方法
  _name() {}
  // 公共方法
  getName() {
    return this._name;
  }
  // 公共方法
  setName(name) {
    this._name = name;
  }
}

6 注释

单行注释

// 设置标题
setTitle()

多行注释

/*
 * 代码执行到这里后会调用setTitle()函数
 * setTitle():设置title的值
 */
setTitle()

函数、方法注释

/**
 * 函数说明
 * @关键字
 **/
上次编辑于:
贡献者: 52968