陌上人如玉
公子世无双

javascript 代码规范(1)-命名规范

1.命名规范:

  1. Pascal Case 大驼峰式命名法:首字母大写。eg:StudentInfo、UserInfo、ProductInfo
  2. Camel Case 小驼峰式命名法:首字母小写。eg:studentInfo、userInfo、productInf

命名包含变量、常量、函数名、类名、属性名和函数或类的参数,以及包括文件及文件夹的命名,

要求:命名要语义化

1.1 常量命名

命名方式:全部大写

命名规范:使用大写字母和下划线来组合命名,下划线用以分割单词

示例:

const MAX_COUNT = 10;
const URL = 'https://www.qdtalk.com';

1.2 变量命名

命名方式:小驼峰

命名规范:前缀名词

命名建议:尽量在变量名字中体现所属类型,如:length、count等表示数字类型;而包含name、title表示为字符串类型。

示例:

// 好的命名方式
let maxCount = 10;
let tableTitle = 'LoginTable';
// 不好的命名方式
let setCount = 10;
let getTitle = 'LoginTable';

1.2 函数命名

命名方法:小驼峰式命名法。

命名规范:前缀应当为动词。

命名建议:可使用常见动词约定

动词 含义 返回值
can 判断是否可执行某个动作(权限) 函数返回一个布尔值。true:可执行;false:不可执行
has 判断是否含有某个值 函数返回一个布尔值。true:含有此值;false:不含有此值
is 判断是否为某个值 函数返回一个布尔值。true:为某个值;false:不为某个值
get 获取某个值 函数返回一个非布尔值
set 设置某个值 无返回值、返回是否设置成功或者返回链式对象
load 加载某些数据 无返回值或者返回是否加载完成的结果

示例:

// 是否可阅读
function canRead(): boolean {
  return true;
}
// 获取名称
function getName(): string {
  return this.name;
}

1.3 类,构造函数

命名方法:大驼峰式命名法,首字母大写。

命名规范:前缀为名称。

示例

// 好的命名方式
let maxCount = 10;
let tableTitle = 'LoginTable';
// 不好的命名方式
let setCount = 10;
let getTitle = 'LoginTable';

公共属性和方法:跟变量和函数的命名一样。

私有属性和方法:前缀为_(下划线),后面跟公共属性和方法一样的命名方式。

class Person {
  private _name: string;
  constructor() { }
  // 公共方法
  getName() {
    return this._name;
  }
  // 公共方法
  setName(name) {
    this._name = name;
  }
}
const person = new Person();
person.setName('mervyn');
person.getName(); // ->mervyn

1.4文件命名:

命名规范:文件名全部使用小写字母和连词线(all-lowercase-with-dashes)

参考链接:为什么文件名要小写?

 

 

本文参考链接:

赞(0) 打赏
未经允许不得转载:陌上寒 » javascript 代码规范(1)-命名规范

评论 抢沙发

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

微信扫一扫

支付宝扫一扫