JavaScript编码风格

这种JavaScript编码样式是我每天使用JavaScript时使用的一组约定。这是一个实时文档,我遵循的主要规则是

每种语言在语法方面都有一套规则。

刚开始时,有些人可能会在不违反语言规则的情况下将代码添加到文件中,但是却不注意编程风格

不是因为他们不在乎样式,他们没有足够的经验来认识样式的重要性。

我真的相信编程是一种技巧。就像绘画,木工或涉及创造力的任何事物一样,我们的程序可以做很多事情,但是他们应该以风格来做。

我们有一些适用于所有编程语言的规则。

编码风格是与您自己和您的团队达成协议,以保持项目的一致性。

如果您没有团队,那就是与你达成协议,以始终使您的代码符合标准。

在您的代码编写格式上制定固定的规则将对您产生很大的帮助。更具可读性和托管性的代码

他们周围有很多,这是世界上最常见的2种JavaScript世界:

您可以遵循其中之一,也可以创建自己的样式指南。

与您从事的项目保持一致

即使您喜欢一组样式,在处理项目时,也应使用该项目样式。

GitHub上的一个开源项目可能遵循一组规则,您与团队一起工作的另一个项目可能遵循一个完全不同的规则。

更漂亮是一个很棒的工具,可以强制使用代码格式,请使用它。

我自己的喜好

我对JavaScript风格的看法是:

始终使用最新的ES版本。如果需要旧的浏览器支持,请使用Babel。

缩进:使用空格而不是制表符,缩进使用2个空格。

分号:不要使用分号。

线长:如果可能的话,尝试以80个字符分割线。

内联评论:在代码中使用内联注释。仅使用块注释来记录文档。

没有无效代码:不要留下旧代码的注释,以防万一,以后会有用。现在只保留您需要的代码,版本控制/便笺应用程序就是为此目的而设计的。

仅在有用时发表评论:请勿添加无助于理解代码功能的注释。如果代码通过使用良好的变量和函数命名以及JSDoc函数注释来进行自我解释,请不要添加注释。

变量声明:始终声明变量,以避免污染全局对象。永远不要使用var。默认为const,只能使用let如果您重新分配变量。

功能:使用箭头函数,除非您有特殊的原因要使用常规函数(例如在对象方法或构造函数中),原因是this作品。将它们声明为const,并在可能的情况下使用隐式返回。

const test = (a, b) => a + b

const another = a => a + 2

随意使用嵌套函数将辅助函数隐藏到代码的其余部分。

名字:函数名称,变量名称和方法名称始终以小写字母开头(除非您将它们标识为私有,请参阅下文),并带有驼峰式。仅构造函数和类名应以大写开头。如果使用要求特定约定的框架,请相应地更改您的习惯。文件名应全部小写,单词之间用逗号分隔-

特定于语句的格式和规则

如果

if (condition) {
  statements
}

if (condition) { statements } else { statements }

if (condition) { statements } else if (condition) { statements } else { statements }

为了

总是在初始化时初始化长度以缓存它,不要在条件中插入它。

避免使用for in除外与.hasOwnProperty()。更喜欢for of(看JavaScript循环

for (initialization; condition; update) {
  statements
}

尽管

while (condition) {
  statements
}

do {
  statements
} while (condition);

转变

switch (expression) {
  case expression:
    statements
  default:
    statements
}

尝试

try {
  statements
} catch (variable) {
  statements
}

try { statements } catch (variable) { statements } finally { statements }

空格:明智地使用空格以提高可读性:在关键字后加一个空格,后跟一个(;二进制运算之前和之后(+-/*&&..);在for语句中,每次;分开陈述的每一部分;每次之后,

换行:使用换行符分隔执行逻辑相关操作的代码块。

引号赞成单引号'而不是双引号"。双引号是HTML属性中的标准,因此使用单引号有助于消除处理HTML字符串时的问题。使用模板文字适当时代替变量插值。

免费下载我的JavaScript初学者手册


更多js教程: