6 правил для очистки вашего кода

внешний интерфейс JavaScript

banner

Читаемый код — это поддерживаемый код!

1. Обратите внимание на нейминг

Назвать событие может быть сложно. Трудно, но необходимо.

Представьте себе следующее: объединение двух массивов в один и создание массива уникальных значений. Так как бы вы назвали это? Мы могли бы назвать это таким образом?

function mergeNumberListIntoUniqueList(listOne, listTwo) {
  return [...new Set([...listOne, ...listTwo])]
}

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

function mergeLists(listOne, listTwo) {
  return [...listOne, ...listTwo]
}

function createUniqueList(list) {
  return [...new Set(list)]
}

2. Упрощенный оператор ЕСЛИ

Предположим, у нас есть следующий код:

if(value === 'duck' || value === 'dog' || value === 'cat') {
  // ...
}

Мы можем решить это так:

const options = ['duck', 'dog', 'cat'];
if (options.includes(value)) {
  // ...
}

Гораздо лучше хранить беспорядочные условные суждения в переменной, чем смотреть на раздутые выражения.

3. Возвращайтесь пораньше

Есть следующий код:

function handleEvent(event) {
  if (event) {
    const target = event.target;
    if (target) {
      // Your awesome piece of code that uses target
    }
  }
}

Ранний возврат делает наш код более читаемым:

function handleEvent(event) {
  if (!event || !event.target) {
    return;
  }
  // Your awesome piece of code that uses target
}

4. Деструктурирующее назначение

существуетjavascript, мы можемobjectsа такжеarraysВыполнить задание на деструктуризацию.

Например:

// object 解构赋值
const numbers = {one: 1, two: 2};
const {one, two} = numbers;
console.log(one); // 1
console.log(two); // 2

// array 解构赋值
const numbers = [1, 2, 3, 4, 5];
const [one, two] = numbers;
console.log(one); // 1
console.log(two); // 2

5. Правила бойскаутов

У бойскаутов есть правило:Всегда держите кемпинг в более аккуратном состоянии, чем когда вы его нашли. Если вы нашли что-то грязное на земле, вам нужно убрать это, независимо от того, оставили вы это или нет. Вы хотите намеренно улучшить обстановку для следующей группы отдыхающих.

Вот так мы пишем код, если найдете в кодегрязный код, то вы можете попытаться изменить его, даже если это имя переменной, на которое не ссылаются.

6. Стиль кода

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

Ссылаться на:Dev.to/Иоахим Эль…. Больше контента можно нажатьjimmy blogs.

Категории