實用，js開發中ES6的程式碼規範寫法整理大全

ES6的代碼規範寫法整理，引號的使用，單引號' ' 優先（如果不是引號嵌套，不要使用雙引號）， 空格的使用問題：（關鍵字後 符號後排版函數賦值符號= ）等。

1、引號的使用，單引號' ' 優先（如果不是引號嵌套，不要使用雙引號） 

　　　　正常情況：console.log('hello there')        雙引號轉碼： $("

")

2、空格的使用問題：（關鍵字後 符號後排版函數賦值符號= ）等

#　　　　a函數的括號：function hello  (name)  {}    看(參數)的 "括號外左右"(  ) 是有空格的，"括號內name左右" 是沒有空格的

## b 關鍵字後需要空格：if  (condition) { ... }  if與()之間需要有空格

　　　　c 賦值符號= 兩邊需要有空格：var x  =  2  賦值符號= 兩邊需要有空格：var x  =  2  賦值符號= 兩邊需要空格

　　　　d 字串拼接符號兩邊需要空格：var message = 'hello, '     name     '!' 常數與變數之間的號，左右兩邊需要空格

　　空格，後面留空格：var list = [1,  2,  3,  4]          function greet  (name,  options)  { ... } 空格號前面不留位依序

#3、不同行號

3、不同行的問題。 ：

　　　　if () {} else {}中：  } else { 要在一行內

                #  　　　　　　　　　　　　　　　　// 

#　　　　　　　　　　　　　　　　　　else  {

　　　　　　　　　　　　　　　　//

##　　　　　　//

##　　　　　　　　使用過的變量，如果定義了一個變量，後來一直沒有參與過運算，那麼不應該定義這個變數。

5、用=== 代替==，比較相等的時候，因為== 會多一步資料轉換，但是當在if (a!=undefiend) {}條件中， a!=undefiend同時有a!==undefiend和a!==null的雙重意思（null == undefined）

6、習慣給window的屬性和方法加上window，例外的幾個不用加window：document ， console ，navigator。如：window.alert('hi')

7、同一個連寫方法很長要換行縮進問題，js中三元運算符，jq中的連綴等

　　　　var location = env.development ? 'localhost' : 'www.api.com'  一行內寫法

　　　　var location = env.development

　　　　.api.com'

連綴寫法：

var leds = stage.selectAll('.led')

　　　　.data(data)

　　. enter().append('svg:svg')　　　　.class('led', true)　　　　.attr('width', (radius margin) * 2)##　.app. g')

　　　　.attr('transform', 'translate(' (radius margin) ',' (radius margin) ')')

　　　　.call(tron.led);

# 88 、註記問題：要有與前一行要空一行      另外不要無緣無故有大片的空白行          // 後面空一格

　　　　var value                                               
##　　　　/ /  這裡是註釋  

　　　　console.log(value)

　　

）

　　/**

* make() 根據傳入的標籤名稱傳回一個新元素

#* tag

;元素＃＃＃*/

#9、開頭問題：不要 (   [   `   開頭，開頭前要加上;號#　　　　;(function () {window.alert('ok')}())

　　　　;[1, 2, 3].forEach(bar)　　　　#; hello`.indexOf('o')

10、物件與陣列的建立問題：var item = {}; 不用new Object（）方式            陣列：var arr = []

11、超過80個字的字串連結問題：

　　var errorMessage = 'This is a super long error that ' 

　　'was thrown because of Batman.'

      'W you   about 至#h #　　'how Batman had anything to do '

     'with this, you would get nowhere ' 

#　　'fast.';

#」循環或多行字串用方法方法方法#　　'fast.';

##join方法來建構

function inbox(messages) {

　　items = []; 

　　for(i = 0; i < length; i ) {

     　　items[i] = messages[i].message;

　　} 

##　　return'

• ' items.join() 去詞;
  12、對數字使用parseInt 並且總是帶上型別轉換的基數.     var val = parseInt(inputValue, 

  10

  );

  13，布林值轉換用Boolean() 或 !!建構函式中this._firstName = 'Panda';     var _firstName = firstName; 

  　　　　b jq變數命名加上個變數$，用來區分js
  #################################################################################################################################################' ####commonJS與es6規範的引入導出############日常js開發規範#########相關影片：#########Javascript - ES6實戰影片課程-免費線上影片教學######

  以上是實用，js開發中ES6的程式碼規範寫法整理大全的詳細內容。更多資訊請關注PHP中文網其他相關文章！