Как сделать свой код лучше с помощью намеренных имен функций

Автор оригинала: FreeCodeCamp Community Member.

Откройте для себя функциональный JavaScript был назван одним из Лучшие новые функциональные программирования книги BookAuthority !

Код – это способ общаться с разработчиками, читающими его. Функции с намерениями, раскрывающимися именами легче читать. Мы читаем имя функции и можем понять его цель. Название функции является нашим инструментом для выражения намерения на кусочке кода.

Давайте посмотрим на Список операций, выполненных в функциональном стиле с использованием анонимных функций.

function getTodos(users){
  return todos
    .filter(todo => !todo.completed && todo.type === "RE")
    .map(todo => ({
      title : todo.title,
      userName : users[todo.userId].name
    }))
    .sort((todo1, todo2) =>  
      todo1.userName.localeCompare(todo2.userName));
}

Теперь проверьте ту же эксплуатацию функциональности, используя функции с намерениями, раскрывающимися именами.

function isTopPriority(todo){
  return !todo.completed && todo.type === "RE";
}

function ascByUserName(todo1, todo2){
  return todo1.userName.localeCompare(todo2.userName);
}
  
function getTodos(users){
  function toViewModel(todo){
    return {
      title : todo.title,
      userName : users[todo.userId].name
    }
  }
  return todos.filter(isTopPriority)
              .map(toViewModel).sort(ascByUserName);
}

Имена функций дают четкость коду. С хорошим именем функции вам просто нужно прочитать имя – вам не нужно проанализировать свой код, чтобы понять, что он делает.

Откройте для себя функциональный JavaScript был назван одним из Лучшие новые функциональные программирования книги BookAuthority !

Для получения дополнительной информации о применении методов функциональных программиров в реакции посмотрите на Функциональный реагировать Отказ

Учить Функциональный реагировать в проекте, основанном на проекте, с Функциональная архитектура с реагированием и redux Отказ

Следуйте в Twitter