JavaScript 程式碼簡潔 - 函式
阿新 • • 發佈:2019-01-09
引數越少越好
如果引數超過兩個,使用 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)