前端代码规范

122 阅读1分钟

js规范

  1. 变量命名小驼峰 变量命名: cameCased

  2. 注释的/ 或者/* 后必须有空格。格式化工具可解决

  3. 函数的参数之间有空格 function test(param1, param2, param3)。格式化工具可解决

  4. 禁止定义变量,但从不使用。这样的变量占用了代码中的空间,会导致读者的混淆。

  5. 要求使用 isNaN() 检查 NaN。
    因为 NaN 在 JavaScript 中是唯一的,它不等于任何东西,包括它自己,所以与 NaN 比较的结果是混乱的。

  6. 避免执行多条case语句。
    JavaScript 中的 switch 语句是该语言中最容易出错的结构之一,部分原因是它能够从一个 case “滑”到下一个。case语句后无throw、return、break,可能导致别的分支被执行

  7. 必须使用 === 或 !==,禁止使用 == 或 !=。
    下面的语句都被认为是 true: [] == false [] == ![] 3 == "03"

  8. 所有的 switch 语句都有一个 default case,即使默认 case 是空的

  9. 在 switch 语句中使用 default 大小写。如果没有 default 的情况,可以选择在最后一个 case 后加上 // no default。注释可以是任何想要的大小写,例如 // No Default。

es6规范

  1. 要求在构造函数中有 super() 的调用。派生类的构造函数必须调用super(). 非派生类的构造函数不得调用super(). 如果未观察到这一点,JavaScript 引擎将引发运行时错误。
class A {
    constructor() { }
} 

class A extends B {
    constructor() {
        super();
    }

}
  1. 禁止类成员中出现重复的名称.如果类成员中有同名声明,则最后一个声明会自动覆盖其他声明。
  2. 禁止 Symbol 操作符和 new 一起使用.引发TypeError异常。