編寫可維護(hù)的JavaScript

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

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

語句和表達(dá)式

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

for

while

do…while…

try…catch…finally

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

花括號(hào)的對(duì)齊方式

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

塊語句間隔

語句名、圓括號(hào)、和左花括號(hào)之間沒有空格間隔

if(condition){

   doSomething();

}

在左圓括號(hào)之前和右圓括號(hào)之后各添加一個(gè)空格

if (codition) {

   doSomething:

}

在左圓括號(hào)后和右圓括號(hào)前各添加一個(gè)空格

if ( condition ) {

   doSomething();

}

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

switch語句

縮進(jìn)

Java風(fēng)格：

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

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

Dojo風(fēng)格：

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

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

with語句

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

for-in循環(huán)

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

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ù)名和左花括號(hào)之間沒有空格。

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

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

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

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

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

// 好的寫法
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，只在別無他法時(shí)使用eval()。setTimeout()和setInterval()也是可以使用的，但不用字符串形式而要用函數(shù)。
ECMAScript 5 嚴(yán)格模式對(duì)于eval()有著嚴(yán)格的限制，禁止在一個(gè)封閉的作用域中使用它創(chuàng)建變量或者函數(shù)。

原始包裝類型

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

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/79275.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

yanest

男|高級(jí)講師

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

TA的文章

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

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

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

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

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

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

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

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

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

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

編寫可維護(hù)的JavaScript

相關(guān)文章