編寫可維護(hù)的JavaScript

yanest 發(fā)布于2019-08-19 18:10 / 712人閱讀

摘要：通用原則嚴(yán)禁使用，只在別無他法時使用。和也是可以使用的，但不用字符串形式而要用函數(shù)。每種類型都代表全局作用域中的一個構(gòu)造函數(shù)，并分別表示各自對用的原始值的對象。

語句和表達(dá)式

所有的塊語句都應(yīng)當(dāng)使用花括號。包括：

for

while

do…while…

try…catch…finally

//不好的寫法
if (condition)
    doSomethind();
//不好的寫法
if (condition) doSomething();
//好的寫法
if (condition) {
    doSomethind();
}
//不好的寫法
if (condition) { doSomething(); }

花括號的對齊方式

兩種風(fēng)格：第一種將花括號放置在塊語句中第一行代碼的末尾；第二種將左花括號放置于塊語句首行的下一行。

塊語句間隔

語句名、圓括號、和左花括號之間沒有空格間隔

if(condition){

   doSomething();

}

在左圓括號之前和右圓括號之后各添加一個空格

if (codition) {

   doSomething:

}

在左圓括號后和右圓括號前各添加一個空格

if ( condition ) {

   doSomething();

}

個人比較喜歡第二種，易讀但不是太麻煩。

switch語句

縮進(jìn)

Java風(fēng)格：

switch (condition) {
    case "first":
        //code
        break;
    case "second":
        //code
        break;
    default:
        //code
}

每條case語句相對于switch關(guān)鍵字都縮進(jìn)一個層級
從第二條case語句開始，每條case語句前后都各有一個空行。

Dojo風(fēng)格：

switch (condition) {
case "first":
    //code
    break;
case "second":
    //code
    break;
default:
    //code
}

default
很多人認(rèn)為不論何時都不應(yīng)當(dāng)省略default，哪怕default什么都不做。
個人不太喜歡寫。

with語句

咱們就盡量不要寫with語句了。

for-in循環(huán)

最好使用hasOwnProperty()方法來為for-in循環(huán)過濾出實例屬性。

var prop;
for (prop in object) {
    if(object.hasOwnProperty(prop)) {
        console.log("...");
    }
}

不要把for-in用在數(shù)組的遍歷上

//不好的寫法
var vaules = [1, 2, 3],
    i;
for (i in vaules) {
    process(item[i]);
}

變量、函數(shù)和運(yùn)算符 變量聲明

建議將局部變量的定義作為函數(shù)內(nèi)第一條語句。

function doSomethingWithItems(items) {
    
    var i, len;
    var value = 10;
    var result = value + 10;
    for (i=0, len=items.length; i < len; i++) {
        doSomething(items[i]);
    }
}

函數(shù)聲明

推薦先聲明JavaScript函數(shù)然后使用函數(shù)。

function doSomething() {
    //code
}
doSomething();

此外，函數(shù)聲明不應(yīng)出現(xiàn)在語句塊之內(nèi)。
//不好的寫法

if (condition) {
    function doSomething() {
        //code
    }
} else {
    function doSomething() {
        //code
    }
}

函數(shù)調(diào)用間隔

推薦風(fēng)格：在函數(shù)名和左花括號之間沒有空格。

//好的寫法
doSomething(item);
//不好的寫法:看起來想一個塊語句
doSomething (item);

立即調(diào)用的函數(shù)

匿名函數(shù)可以通過在最后加上一對圓括號來立即執(zhí)行并返回一個值，然后將這個值賦值給變量。

// 不好的寫法
var value = function() {
    // 函數(shù)體
    return {
        message: "Hi"
    }
}();

為了讓立即執(zhí)行的函數(shù)能夠被一眼看出來，可以將函數(shù)用一對圓括號包裹起來。

// 好的寫法
var value = (function() {
    // 函數(shù)體
    return {
        message: "Hi"
    }
}());

嚴(yán)格模式

最好不要再全局作用域中使用"use strict"。

// 不好的寫法 - 全局的嚴(yán)格模式
"use strict";
function doSomething() {
    // code
}
// 好的寫法
function doSomething() {
    "use strict";
    // code
}

相等

推薦不要使用 == 和 !=，而應(yīng)當(dāng)使用 === 和 !==。

eval()

通用原則：嚴(yán)禁使用Function，只在別無他法時使用eval()。setTimeout()和setInterval()也是可以使用的，但不用字符串形式而要用函數(shù)。
ECMAScript 5 嚴(yán)格模式對于eval()有著嚴(yán)格的限制，禁止在一個封閉的作用域中使用它創(chuàng)建變量或者函數(shù)。

原始包裝類型

JavaScript里有三種原始包裝類型：String、Boolean和Number。每種類型都代表全局作用域中的一個構(gòu)造函數(shù)，并分別表示各自對用的原始值的對象。

// 不好的做法
var name = new String("Nicholas");

云服務(wù)器 GPU云服務(wù)器編寫可維護(hù)的javascript 如何編寫高性能的javascript java編寫可執(zhí)行修改rds實例可維護(hù)時間

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/79275.html

發(fā)表評論

登陸后可評論

0條評論

yanest

男|高級講師

我要關(guān)注我要私信

TA的文章

云主機(jī)什么配置-云主機(jī)哪種配置才算好？

閱讀 3396·2021-09-22 15:17
c學(xué)習(xí)筆記——自定義qsort函數(shù)

閱讀 2747·2021-09-02 15:15
css 布局2

閱讀 1769·2019-08-30 15:54
ABAP的權(quán)限檢查跟蹤(Authorization trace)工具

閱讀 2006·2019-08-30 14:02
去重方法小結(jié)

閱讀 2534·2019-08-29 16:58
vue實現(xiàn)選中效果

閱讀 2994·2019-08-29 16:08
ReactNative實現(xiàn)tab標(biāo)簽組合

閱讀 1335·2019-08-26 12:24
es6/es7之Decorator裝飾器

閱讀 1660·2019-08-26 10:41

国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

編寫可維護(hù)的JavaScript

相關(guān)文章