JS Style Guide_1

  1. 當你在回調函數裏要使用函數表達式時,儘可能使用箭頭函數,好比數組中的 Map、filter、reduce等的回調函數中
[1,2,3].map((x) => {
    let y = x + 1;
    return x * y;
});
  1. 若是函數只有一個參數而且函數體沒有大括號,就刪除參數的圓括號
[1,2,3].map(x => x * x)
  1. 箭頭函數的函數體涉及多行,則把函數體包含在圓括號裏更具備可讀性
function httpMagicObject() {
    
}
['get', 'post', 'put'].map(httpMethod => (
    Object.prototype.hasOwnProperty.call(
        httpMagicObject,
        httpMethod
    )
))
  1. 多行import因該縮進,像數組和對象字面量那樣
import {
  nameA,
  nameB,
  nameC
  ...
} from 'path'
  1. 獲取的屬性是變量時用方括號[]來獲取
const luke = {
  jedi: true,
  age: 28,
};

function getProp(prop) {
  return luke[prop];
}

const isJedi = getProp('jedi');
  1. 使用 +=或者-=來替代自增或者自減運算符數組

相關文章
相關標籤/搜索