首頁 > web前端 > js教程 > 主體

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

php是最好的语言
發布: 2018-07-30 09:50:15
原創
2343 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板