JavaScript |样式指南和编码约定

JavaScript 风格指南是规范 javascript 编程的指导。这些编码处方有利于用 javascript 编写代码而不会出现任何语法错误。它涵盖了变量的命名、放置空格和分号的方向以及各种语句指南。
它还可以提高质量、可读性并使代码维护更容易。

本文基本上涵盖了编码约定，例如：

• 缩进
• 空格，所有括号
• 变量声明
• 对象指南
• 标识符名称的 CamelCasing
• 循环和控制语句
• 声明指南
• 构造函数
• 评论

1. 缩进：
我们总是使用两个空格来缩进我们的代码，并且我们的代码不能以尾随空格结尾。

Javascript

function xyz{
  something();
}

2. 空格，所有括号：
在以下情况下应始终使用空格：

• 后跟 '(' 或 ')' 的关键字必须在其前后提供空格。
  如果（条件）{
• ' 函数'、'typeof' 等所有关键字都需要额外注意空格和后面提供的空格。

Javascript

let integer = function (
    value,
    default_value
) {
    value = resolve(value);
    return (10*value);
};

3.变量声明：
所有变量在使用前都必须用 var 声明。我们大多在函数的开头声明变量。
所有名称都以字母开头。

Javascript

NAME = "GFG";
Fullform = "GeeksforGeeks";
Rate = 19.90;
Hate = 0.20;
Ranking = Rate + (Rate / Hate);

4.对象指南：
对象定义的一般规则：
javascript中有各种类型的对象，如数组、函数、日期、用户定义对象。
基本上，每个对象都遵循下面编写的简单编码样式。
在 Javascript 中，我们在声明对象名称后放置一个等号 (=) & 左括号。我们将属性定义为使用冒号：并将字符串值放在引号“xyz”内，但不在数值上。我们将分号放在一个属性的末尾，而不是放在最后一个属性的末尾。

Javascript

var platform = {
  firstName: "GEEKS",
  lastName: "GEEKS",
  Color: "GREEN"
};
//some are compressed can be written as
var platform = {firstName:"GEEKS", lastName:"GEEKS", Color:"GREEN"};

5. 标识符名称的驼峰式大小写：
我们主要使用驼峰式作为标识符。在驼峰式大小写中，每个函数的第一个字母应小写，后续单词的第一个字母应大写。例子

Javascript

function myFunction(a, b) {
  return a * b;
}

单词之间不应有下划线。
如果你混合使用大小写，你必须非常一致和小心。

6. 循环和控制结构：
我们对控制结构使用相同的括号和括号约定，如下所述

• 始终在控制语句的标识符之后跟随空格。
• 始终在 ; 之后提供空格和换行符分号。
• 每次昏迷后始终提供一个白色空间。

下面给出的例子： -

Javascript

if (condition1 || condition2) {
  action1();
}
else if (condition3 && condition4) {
  action2();
}
else {
  defaultAction();
}

7. 声明指南：

• 简单的说法：
  仅包含单行的语句始终以分号结尾。
• 复合语句：
  在 javascript 中，我们将空格和左括号 { 并在末尾有一个带有右括号 } 的语句列表。
  例如：- 在定义函数名声明之前的末尾。
  我们将右括号放在一个新行上，而不跟随空格。
  我们不会将分号放在这些类型语句的末尾。
• 多行语句：
  在 javascript 中，每当一条语句不够小而不能放在一行中时，
  换行符必须出现在运算符之后。
  为了提高可读性，行应该分成多行。

Javascript

//simple statement 
var gfg = ["Geeks", "For", "Geeks"];
   
//compound statement
for (i = 0; i < 5; i++) {
  a += i;
}
//multiline statement
if (
  a === 123
  && b === 'abc'
) {

8.构造函数：
在javascript中，构造函数以带有new关键字的函数形式使用。
new前缀创建一个新对象并将该对象绑定到函数的隐含 this 参数。
构造函数的名称必须以大写字符开头。

Javascript

function GeeksforGeeks(node) {}
 
var geeksforgeeks= new GeeksforGeeks(element);

9. 评论：
使用行注释，而不是块注释。注释应从左边距开始。
在评论开头使用“//”。

Javascript

// Set i to zero.
     
    i = 0;