Написано Джоавом Чуа

1. Консоль.лог

• Добавьте цвет в журнал консоли

Прекратите делать это! ❌

Вместо этого попробуйте это. ✅

Но если у вас есть массив объектов, попробуйте это, будет еще лучше ?

Если вы хотите измерить, насколько быстро выполняются определенные операции в вашем коде, попробуйте это.

Выполните console.time и console.timeEnd, чтобы измерить время, проведенное в консоли браузера.
Наконец, если вы хотите отслеживать свой код и последовательность его выполнения, попробуйте это.

Вы сможете увидеть массу информации, необходимой для отладки вашего приложения.

2. Деструктуризация объекта

Случалось ли с вами раньше, что вам нужно всего лишь несколько переменных в объекте, но вам передается весь объект и вы используете его обычным способом?

Неоднократно используете объявление человеческого объекта в своей функции? Не делайте этого. Вместо этого используйте деструктуризацию объектов ES6. ✅

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

3. Литерал шаблона

❌ Не делайте этого, когда пытаетесь объединить переменные в строку.

Вместо этого сделайте это. ✅

4. Оператор распространения

Предположим, у вас есть 2 объекта, и вы хотите объединить их или присвоить некоторые свойства одного объекта другому. Традиционно мы это сделаем.

Технически в этом нет ничего плохого, за исключением того, что вы фактически изменяете свой объект. Вместо этого попробуйте это. ✅

Самое лучшее в операторе распространения то, что он работает и для массива. ?
Вместо этого.

Вместо этого сделайте это.

5. петли

Вы виноваты в том, что выполнили цикл for таким образом, чтобы вычислить общую сумму затрат в массиве? Перестаньте это делать. ❌

Вместо этого начните менять свой стиль.

Чистый и стройный. Работа сделана! ✅

Краткое содержание

Надеюсь, что эти несколько советов помогут вам писать более качественный, чистый и компактный код.

При поддержке MarsCode
Добро пожаловать, присоединяйтесь к нашему Discord, чтобы обсудить с нами ваши идеи.

МарсКод Следовать

MarsCode предоставляет интегрированную среду разработки на базе искусственного интеллекта и расширение искусственного интеллекта для помощи в ваших задачах программирования.