1. 程式人生 > >JavaScript 程式碼簡潔 - 函式

JavaScript 程式碼簡潔 - 函式

引數越少越好

如果引數超過兩個,使用 ES2015/ES6 的解構語法,不用考慮引數的順序。

function createMenu({ title, body, buttonText, cancellable }) {
  // ...
}

createMenu({
  title: 'Foo',
  body: 'Bar',
  buttonText: 'Baz',
  cancellable: true
});

只做一件事情

這是一條在軟體工程領域流傳久遠的規則。嚴格遵守這條規則會讓你的程式碼可讀性更好,也更容易重構。如果違反這個規則,那麼程式碼會很難被測試或者重用。

function emailActiveClients(clients) {
  clients
    .filter(isActiveClient)
    .forEach(email);
}
function isActiveClient() {
  const clientRecord = database.lookup(client);    
  return clientRecord.isActive();
}

顧名思義
看函式名就應該知道它是幹啥的。

function addMonthToDate(month,date){
           console.log(month)
           console.log(date)
       }
       const date = new Date()
       addMonthToDate(1,date)

在這裡插入圖片描述