JavaScript样式指南和编码约定详细指南

2021年3月16日16:36:14 发表评论 806 次浏览

JavaScript样式准则在规范javascript中编程的说明。这些编码规定有利于使用javascript编写代码, 而没有任何语法错误。它涵盖了变量的命名, 放置空格和分号的方向以及各种语句准则。

它还可以提高质量, 可读性并简化代码维护。

本文基本上涵盖了如下编码约定

  • 缩进
  • 空格, 全括号
  • 变量声明
  • 对象准则
  • 标识符名称的CamelCasing
  • 循环和控制语句
  • 声明准则
  • 建设者
  • 注释

缩进:

我们总是使用两个空格来缩进代码, 并且我们的代码不得以尾随空格结尾。

function xyz{
   someting();
}

空格, 所有括号:

在以下情况下, 应始终使用空格:

关键字后跟"("或")"必须在其前后提供空格。

如果(条件){

所有关键字(例如" function", " typeof"等)都需要特别注意空格及其后的空格。

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

变量声明:

在使用所有变量之前, 必须使用var声明它们。我们通常在函数的开头声明变量。

所有名称均以字母开头。

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

对象准则:

对象定义的一般规则:

javascript中有各种类型的对象, 例如数组, 函数, 日期, 用户定义对象。

基本上, 每个对象都遵循下面编写的简单编码样式。

在Javascript中, 在声明对象名称之后, 我们用等号(=)和左括号括起来。我们将属性定义为使用冒号:并将字符串值放在引号" xyz"内, 而不放在数字值上。我们将分号放在一个属性的末尾, 而不放在最后一个属性的末尾。

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

标识符名称的驼色外壳:

我们大多使用驼峰式的标识符。在驼峰式大小写中, 每个函数的首字母应小写, 随后各单词的首字母应大写。例

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

单词之间不应有下划线。

如果混合使用大写和小写字母, 则必须非常一致且谨慎。

循环和控制结构:

我们对控制结构使用相同的括号和bracteks约定, 如下所述

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

下面给出的例子:

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

声明准则:

  • 简单声明:

    仅包含单行的语句始终以分号结尾。

  • 复合语句:

    在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'
) {

构造函数:

在javascript中, 构造函数以函数形式与

关键词。

前缀会创建一个新对象, 并将该对象绑定到函数隐含的此参数。

构造函数必须使用大写字母开头。

function lsbin(node) {}
  
var lsbin= new lsbin(element);

评论:

使用行注释, 而不是阻止注释。注释应从左边缘开始。

在注释开头使用" //"。

// Set i to zero.
      
     i = 0;

木子山

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: