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

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

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

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

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

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

const LANGUAGE_KEY = "language_key";

function getParentNode(node) {
  let oParentNode;
}

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)

// 弹出模态框
function openModelDialog(url, winName, width, height) {
   // 逻辑代码
}

function openModelDialog() {
}

function openModelDialog() {
}

// if语句句：
if (true) {
 // 逻辑判断语句
} else {
 // 逻辑判断语句
}
// while语句句：
while (x != 0) {
 // 逻辑语句
}
// switch语句句：
switch (x) {
  // 逻辑语句
}
// do..while语句句：
do {
 // 逻辑语句
}
while (i == 0)
// for语句句：
for (i = 0; 10 >= i; i++) {
  // 逻辑语句
}

var obj = {  'key'  :  'value'  } // ✗ avoid
var obj = {  'key'  :'value'  } // ✗ avoid
var obj = {  'key':'value'  } // ✗ avoid
var obj = {  'key':  'value' } // ✓ ok

const nWidth = 100;
const nHeight = 200;
const nWidth, nHeight; // ✗ avoid,不要写在一行,线上代码可以压缩成一行,但是本地代码应当换行的
x += 2; remove(this); // ✗ avoid,同上

function openModelDialog() {
    x = y + 1;
}

function openModelDialog() {
       let clickRow = setItem();
       if (clickRow) {
            clickRow.className = rowStyle;
       }
       let key = LASTCLICKITEM_KEY;
       let value = id;
}

function fun1() {
}

function fun2() {
}

function openModelDialog() {
   x = y + 1;
   return true;
}

function openModelDialog() {
   // ...
}

if (row === clickRow) {
     row.className = clickItemStyle;
     width = 100;
} else {
    row.className = rowStyle;
}

if (row === clickRow) // 非法
return;

switch (x){
     case 1:
         语句;
         break;
     case 2:
         语句;
         break;
     default:
         语句;
         break;
}

for (i = 0; i <= 10; i++) {
   语句；
}

// 非法
for (i = 0; i <= 10; i++)
alert(i);

while (i <= 10) {
   // 逻辑代码
}

do {
   // 逻辑代码
} while （10 >= i）

do
   alert(i); // ⾮法
while （10 >= i）

/*
 * @LineStart: -------------------------------------------
 * @Copyright: © 2020, itclanCoder. All rights reserved.
 * @LineEnd: ----------------------------------------------
 * @Product: 
 * @Mode Name: 
 * @Autor: vxPublic:itclanCoder
 * @Date: 2020-03-06 11:17:19
 * @Version: xxx.v1.0
 * @LastEditors: 川川
 * @LastEditTime: 2020-03-06 11:17:44
 * @Description: 完整的注释例子
 */

/* 声明最后一个列表的key */
const LASTCLICKITEM_KEY = "lastClickItem";
/* 点击最后一个列表的样式风格 */
const g_sLastClickItemStyle = "selectedRow";
/* 正常行的样式风格 */
const g_sNormalRowStyle = "normalRow";
/* 鼠标经过行的样式风格 */
const g_sMouseoverRowStyle = "mouseOverRow";
/**
* 打开浏览器器新窗⼝。
*
* @param url 窗⼝URL。
* @param winName 窗⼝名称。
* @param width 窗⼝宽度。
* @param height 窗⼝⾼高度。
*/
function openNewDialog(url, winName, width, height) {
    const nWidth = window.screen.width;
    const nHeight = window.screen.height;
    const sWinStr = "left=" + ((swidth - width) / 2)
        + ",top=" + ((sheight - height) / 2 - 20)
        + ",width=" + width
        + ",height=" + height;
    // open a dialog
    const win = window.open(url, winName, `resizable=no,scrollbars=yes,${str}`);
    win.focus();
    return false;
}
/**
* 打开模态窗⼝口。
*
* @param url 窗⼝URL。
* @param winName 窗名称。
* @param width 窗⼝宽度。
* @param height 窗⼝⾼度。
*/
function openModelDialog(url, winName, width, height) {
    const nWidth = window.screen.width;
    const nHeight = window.screen.height;
    const winStr = "left=" + ((swidth - width) / 2)
        + ",top=" + ((sheight - height) / 2 - 20)
        + ",width=" + width
        + ",height=" + height;
    // open a model dialog,打开模态对话框
    const win = window.showModalDialog(url, winName, str);
    win.focus();
    return false;
}

while (x != null) { // bad,如果你想判断变量x是不是为null空
   // 逻辑代码
}

while (x) {   // good (只要你希望 变量x 不是 0 和空字符串, 和 false)
  // 逻辑代码
}
if (y != null && y != '') { // bad
...
}

if (y) { // good (只要你希望 变量x 不是 0 和空符串, 和 false)
...
}

Boolean('0') == true;  // true
'0' != true                  // true
 0 != null ;                // true
 0 == [] ;                 // true,比较的是值,如果是全等===,那么将是false
 0 == false              // true
 Boolean(null) == false;   // true
 null != true;    // true
 null != false   // true
 Boolean(undefined) == false;   // true
 undefined != true;         // true       
 undefined != false;       // true
 Boolean([]) == true     // true       
 Boolean({}) == true  // true

// 传统写法
if (val != 0) {
    return foo();
} else {
    return bar();
}
// 三元操作符写法
return val ? foo() : bar();

// 传统写法
if (node) {
    if (node.kids) {
         if(node.kids[index]) {
                foo(node.kids[index]);
         }
    }
}
// "&&"操作符代替写法
if (node && node.kids && node.kids[index]) {
       foo(node.kids[index]);
}
// 或者按如下写法:
var kid = (node) &&( node.kids) && (node.kids[index]);
if (kid) {
   foo(kid);
}
// 下面这种写法就不要写成这样了的
node && node.kids && node.kids[index] && foo(node.kids[index]);

// 传统写法
function foo(opt_win) {
    let win;
    if(opt_win) {
        win = opt_win;
     }else {
         win = window;
     }
}

// "||"操作符代替写法
function foo(opt_win) {
   let win = opt_win || window;
}