JavaScirpt 編碼範例

簡介

這套範例的主體是基於 JavaScript Stardard Style 的內容基於本身的營業需要和狀況來舉行自我定製和更新。

重點

1.縮進

• 運用兩個空格舉行縮進。

  function hello(name) {
    console.log('hi', name)
  }

2.定名

• 關於變量和函數名一致運用駝峰定名法。

  function my_function() {} // ✗ avoid
  function myFunction() {} // ✓ ok
  
  var my_var = 'hello' // ✗ avoid
  var myVar = 'hello' // ✓ ok

• 私有屬性、變量和要領以下劃線 _ 開首。

  var _privateMethod = {};`

• 類運用 Pascal 定名法。

  function TextNode(value, engine) {
    this.value = value
    this.engine = engine
  }

• 類的要領 / 屬性, 運用 Camel 定名法。

  TextNode.prototype.clone = function() {
    return this
  }

• 常量： 必需悉數大寫，且單詞以 _支解。

  TextNode.prototype.clone = function() {
    return this
  }

• boolean 範例的變量運用 is 或 has 開首。

  var HOTEL_GET_URL = 'http://map.baidu.com/detail'

3.解釋。

// 單行解釋
/*
*hello
*world
*/

申明： 若最先`/*`和完畢`*/`都在一行，引薦採納單行解釋。若最少三行解釋時，第一行動`/*`，末了行動`*/`，其他行以*最先，而且解釋筆墨與`*`保存一個空格。

4.不要運用 eval()。

eval('var result = user.' + propName) // ✗ avoid
var result = user[propName] // ✓ ok

細則

JavaScript Stardrad Style

運用

運用 Eslint,設置為 Standrd.

extends: 'standard',

後續？

• 函數定名語義範例
• 變量語義範例
• 編碼準繩