JavaScript 代码简洁 - 函数

最新推荐文章于 2025-05-15 12:26:14 发布

原创最新推荐文章于 2025-05-15 12:26:14 发布 · 165 阅读

0 ·

CC 4.0 BY-SA版权

性能及优化专栏收录该内容

4 篇文章

订阅专栏

本文探讨了如何通过减少函数参数数量、确保函数职责单一以及选择恰当的函数名称来提高代码的可读性和可维护性。文章提供了具体的代码示例，展示了如何运用ES2015/ES6的解构语法简化参数传递，以及如何拆分复杂函数为单一职责的小函数。

参数越少越好

如果参数超过两个，使用 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)

在这里插入图片描述