JavaScript企业级编程规范(3)-换行与缩进-空格约束-语句格式-常见技巧

虽互不曾谋面,但希望能和你成为笔尖下的朋友

以读书,技术,生活为主,偶尔撒点鸡汤

不作,不敷衍,意在真诚吐露,用心分享

点击左上方,可关注本刊

标星公众号（ID：itclanCoder）

如果不知道如何操作

点击这里,标星不迷路

━━━━━━

致最美的逆行者

你们曾今是近处的灯火

也将是遥远的星河

2020 四月四日

━━━━━━

我希望您保持空杯

一边阅读一边思考

更重要是要动手敲

如果有收获三连击

作者 | 随笔川迹

ID | suibichuanji

前言

撰文:川川

您将在本篇中看完收获到

• 换行与缩进

• 空格约束

• 常见开发实用技巧

·  正  ·  文  ·  来  ·  啦  ·

01

换行与缩进

• 每行语句的字符数不得超过120个英文字符,当一行的字符超过120行时,可以换行(这个不是硬性规定,一行语句太长了,就会影响阅读）

换行按照以下约束进行行缩进控制：函数参数换行。换行后的第一个参数的首字母应该和函数第一个参数的首字母左对齐，如下所示

// 当有一些函数名称比较长的时候,多个参数,可以选择换行
function someLongNameMethod(longExpression1,
                            longExpression2,
                            longExpression3) {
     // 逻辑代码
}

表达式换行。操作符应该换行。如果表达式中含有"( )"运算符，则不应该换行。如下所示

合法:把有关联的放在一起

longName1 = longName2 * (longName3 + longName4 - longName5)
+ 4 * longname6;

非法

longName1 = longName2 * (longName3 + longName4
longName5) + 4 * longname6;

对于较长的需要换行的三重运算符" ? :"，应该采用如下格式

nHeight = (x==y)
? alert( '弹出一表达式为真的提示' )
: alert( ''弹出表达式为假的提示");

从"?"和":"换行，且":"和"?"左对齐

以下情况,不应该使用缩进

针对整个js文件的注释的第一行及最后一行

/**
* 函数功能详细
* @param [参数1] [参数说明]
* @param [参数2] [参数说明]
* @return [返回值说明]
*/

• 常量定义及其注释行

const LANGUAGE_KEY = "language_key";

• 全局变量定义及其注释行

• 针对函数的注释的第⼀行以及最后一行

• 每个函数结尾的"}"

• 函数中的语句，每行的缩进数为2个空格

function getParentNode(node) {
  let oParentNode;
}

缩进应该使用空格符，严禁使用制表符进行缩进 因为在使用不同的文本编辑工具编写代码时,Tab字符会由于用户设置的不同而调整为不同的宽度。

02

空格约束

• ⼆元算术运算符和二元逻辑运算符的两侧必须且只能留出一个空格

var nWidth = 100;
x = y + z;
width = height / 2;
x += 1;
if (exp1 && exp2 && exp3 && exp4 == exp5) {
}

• 三元运算符中，"?"和":"两侧须留一个空格,如下

x = y == 0 ? 1 : 0;

• 一元运算符与变量或表达式之间不能留空格,如下所示

x = !y;
if(!exp1 && exp2)

• 函数定义中，每个参数后面的","与下一个参数之间必须留出一个空格，第一个参数与"("之间不能有空格；最后⼀个参数与"