javascript編寫規(guī)范有哪些

這篇文章主要講解了“javascript編寫規(guī)范有哪些”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“javascript編寫規(guī)范有哪些”吧！

通用規(guī)范

文件編碼

為了避免內(nèi)容亂碼，統(tǒng)一使用 UTF-8 編碼保存。

在文件結(jié)尾處，保留一個(gè)空行。

代碼檢測

開啟 eslint 代碼規(guī)范和錯(cuò)誤檢查。

在嚴(yán)格模式模式下編碼

'use strict';

類型規(guī)范

• js 數(shù)據(jù)類型有 string、number、boolean、null、undefined、array、function 和 object 這幾種，不同數(shù)據(jù)類型有不同的存儲方式，也對應(yīng)有不用的使用方法，對于數(shù)據(jù)賦值要注意以下幾點(diǎn)

• 初始值類型要明確

• 不要隨意變換類型

• 類型檢測優(yōu)先使用 typeof。對象類型檢測使用 instanceof。null 或 undefined 的檢測使用 == null。

• 字符串開頭和結(jié)束使用單引號 '...string...'

命名規(guī)范

• 變量命名采用小駝峰命名，如:addUser password studentID

• 常量命名采用單詞所有字母大寫,并用下劃線分隔，如：FORM_NAME

• 對于對象、函數(shù)、和實(shí)例采用小駝峰（camelCase）命名法

  // 對象
  let isObject = {};
  // 函數(shù)
  function isFun(){
   ...
  };
  // 實(shí)例
  let myBbj = new Object();

• 對于類命名或者構(gòu)造函數(shù)，采用大駝峰命名 User() DateBase()

  // 類
  class Point {
    ...
  };
  // 構(gòu)造函數(shù)
  function User(options) {
    this.name = options.name;
  }
  let myBbj = new User({
    name: 'yup'
  });

代碼規(guī)范

縮進(jìn)

統(tǒng)一使用兩個(gè)空格縮進(jìn)，不推薦使用 tap 縮進(jìn)。

引號

統(tǒng)一使用單引號。

換行

每個(gè)獨(dú)立語句結(jié)束后必須換行。

分號

不得省略語句結(jié)束的分號

代碼塊

使用花括號包裹所有的多行代碼塊。

單行 if 語句也必須使用花括號括住

// 推薦
if (true) {
  // TODO ...
}

// 不推薦
if (true) // TODO ...

使用全等符號

在等號表達(dá)式中使用類型嚴(yán)格的 ===和!==。使用 === 可以避免等于判斷中隱式的類型轉(zhuǎn)換。

// 推薦
if (age === 30) {
  // ......
}

// 不推薦
if (age == 30) {
  // ......
}

web前端開發(fā)直播教程Q-q-u-n： 767273102 ，內(nèi)有免費(fèi)開發(fā)工具，零基礎(chǔ)，進(jìn)階視頻教程，希望新手少走彎路

注釋規(guī)范

單行注釋

使用 // 作為單行注釋。在評論對象上面另起一行使用單行注釋。在注釋內(nèi)容前插入一個(gè)空格。

// 單行注釋

多行注釋

以/*開頭，*/結(jié)尾，注釋內(nèi)容前后加一個(gè)空格

/*
 * 第一行注釋
 * 第二行注釋
 */

/* 另外一種寫法 */

方法注釋

函數(shù)(方法)注釋也是多行注釋的一種，但是包含了特殊的注釋要求，關(guān)鍵方法必須加注釋。

/**
 * 方法功能描述
 * @param {*} 參數(shù)
 * @param {*} 參數(shù)
 * @param {*} 參數(shù)
 * @param {*} 參數(shù)
 * @return 返回值
 */

TODO 注釋

使用 // TODO: 標(biāo)注問題的解決方式。

function Calculator() {
  // TODO: total should be configurable by an options param
}

感謝各位的閱讀，以上就是“javascript編寫規(guī)范有哪些”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對javascript編寫規(guī)范有哪些這一問題有了更深刻的體會，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識點(diǎn)的文章，歡迎關(guān)注！