结合eslint,总结最适合常用的代码规范_适合自己

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Z_pigeon/article/details/82108778

[001] 逻辑语句: 判断相等使用 '===' 与 '!==' ,  不使用'=='/'!='

[002] 逻辑语句: 句末不添加 ';' 符号

[003] 逻辑语句: 字符串变量全部使用单引号,不使用双引号

[004] 逻辑语句: 定义全局常量使用全大写字母, 方法内变量使用驼峰

[005] 逻辑语句: 定义function ,function后空格,形参括号后空格

function () {
    return false
}

[006] 逻辑语句: 缩进全部使用4个空格

[007] 逻辑语句: 不允许空行无内容

[008] 逻辑语句:  所有注释,全部使用 [ /*     */ ],不使用//,避免所使用编辑器的格式化出现异常排版

[009] 逻辑语句: 所有函数中形参使用到逗号的,后面全部空一格;函数声明时函数名与括号之间空一格

function test (param1, param2, param3) {
    return false
}

[010] 逻辑语句: 使用运算逻辑符[ +, -, *, /,  =]时逻辑符前后需要空格

var num1 = a + b
var num2 = c / d

[011] 样式语句: ':'后统一换行并且添加分号

.text{
    color: red;
    background: green;
}

[012] 命名: 统一使用驼峰命名,不使用下划线,统一使用有道翻译进行变量命名规范

[013] 逻辑语句: 单行句子过长(较难查阅)时,按同一类型符号切割换行

/*当前代码:*/

  constructor(public navCtrl: NavController, public navParams: NavParams, private commonSer: CommonService, private menuCtrl: MenuController, private nativeSer: NativeService) {


/*优化代码:*/
  constructor(public navCtrl: NavController, 
              public navParams: NavParams, 
              private commonSer: CommonService, 
              private menuCtrl: MenuController,
              private nativeSer: NativeService) {

[014] 逻辑语句: 注释重要性,便于后续维护,以及可读性

         定义变量: 默认赋初始值, 需要添加注释

         定义函数: 添加注释

         特殊逻辑语句: 添加注释

 

[015] 逻辑语句: 不使用未定义的变量 (注:函数中使用未定义的变量,其会自动成为全局变量)

[016] 逻辑语句: 关键字后面添加空格

/* right */
if (status) {
    return false
}


/* wrong */
if(status){
    return false
}

[017] 逻辑语句: else关键字与 花括号保持同一行, if / else 不省略花括号

if (status) {
    return data1
} else {
    return data2
}

[018] 逻辑语: 声明变量时,一个变量单独一行,便于注释说明,与阅读

/* use */
var data1 = 1
var data2 = 2
var data3 = 3

/* nonuse */
var data1 = 1,
    data2 = 2,
    data3 = 3

[019] 逻辑语句: 始终将逗号放置句末(长句代码换行时),换行后不将逗号放置首位

[020] 逻辑语句: 使用switch的时候,case语句句末需要添加break进行正常关闭

/* nonuse */
switch (n) {
    case 1:
        doSomething1()
    case 2:
        doSomething2()
} 

/* use */
switch (n) {
    case 1:
        doSomething1()
        break
    case 2:
        doSomething2()
        break
} 

[021] 逻辑语句: 遇到分号时,空格原则为后留前不留

/* nonuse */
for (var i = 1; i<2; i++) {
    go(i)
}

/* use */
for (var i = 1 ;i<2 ;i++) {
    go(i)
}

[022] 逻辑语句: 圆括号内首尾不需要留空格

/* nonuse */
function go( param1, param2 )

/* use */
function go(param1, param2)

[023] 逻辑语句: 不再使用var,使用let

                                                                                                                                                                                      .......待补充   

展开阅读全文

没有更多推荐了,返回首页