Начните писать выделяющийся код.

Написать хороший код просто, но и сложно. Приведенные ниже правила могут показаться наиболее распространенными или логичными, но когда вы посмотрите в Интернете или изучите коды других разработчиков, вы поймете, что «обычное или логичное действие» не очень часто встречается в большинстве кодов.

Понимание и соблюдение приведенных ниже правил сделает вас более эффективным разработчиком и позволит другим разработчикам без особых усилий развивать вашу работу.

1. Уменьшите количество действий в цикле

Циклы часто используются в JavaScript для выполнения повторяющихся задач в зависимости от условия без повторной записи задачи каждый раз.

Распространенные ошибки - объявление переменной index (i) внутри цикла или доступ к свойству length элемента внутри цикла. Это означает, что при каждом запуске цикла JavaScript должен получить доступ к свойству length элемента.

Этого можно избежать, сохранив свойство длины в другой переменной вне цикла. Размещение определенных операторов вне циклов ускорит выполнение цикла.

2. Кэширование доступа к DOM

Доступ к DOM может быть немного медленным по сравнению с другими операторами JavaScript. Это очень очевидно при работе со сложными веб-приложениями, когда ваш компьютер уже выполняет другие задачи, изменения, внесенные в DOM, могут занять некоторое время, прежде чем они вступят в силу.

Чтобы избежать замедления общего времени выполнения браузера, сохраните доступ к DOM как переменные, чтобы вы могли использовать его без постоянного повторного доступа к DOM.

//DOM access should be stored in variables for improved performance…
var DOM = document.getElementById(“demo”);
DOM.innerHTML = “Hello World”;

3. Разбейте и систематизируйте код в зависимости от выполняемой задачи.

Акт разделения и организации кода на основе выполняемой задачи называется МОДУЛЯРИЗАЦИЯ.

Модули - это коды с индивидуальными функциями.

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

4. Используйте сокращенные обозначения только тогда, когда это имеет смысл

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

Массивы можно записывать любым из двух способов:

Нет необходимости использовать new Array(). Для простоты и удобочитаемости лучше использовать второй пример кода.

Условные операторы могут быть сокращены с использованием тернарной записи:

Стрелочную функцию можно использовать для записи функций в более короткой форме:

Функции лучше всего писать с помощью стрелочной функции ES6.

Объекты лучше писать в буквальной нотации, а не в нотации конструктора:

Объекты лучше записывать в буквальной нотации, а не в нотации конструктора, поскольку это позволяет избежать ненужного повторения имен объектов при доступе к объектам.

5. Избегайте использования имен глобальных переменных и функций.

Глобальные переменные объявляются вне функции или объявляются с объектом окна. Доступ к нему можно получить из любого места кода. Лучше избегать использования переменных и имен функций с глобальной областью видимости.

Чтобы предотвратить это, используйте object literal или module pattern для записи имен переменных или функций.

6. Всегда придерживайтесь строгого стиля кодирования.

Большинство браузеров игнорируют коды резервных копий. Однако это не должно быть причиной для написания кода без соблюдения строгих стилей кодирования.

Используйте буквальное выражение “use strict”, чтобы указать, что код должен выполняться в строгом режиме.

Для операторов сравнения, таких как; ==, != используют их строгие формы; ===, !==.
Строгая форма операторов сравнения проверяет и тип данных, и значение, в отличие от обычных операторов сравнения, которые проверяют только значение.

Вы также можете проверить качество своего кода с помощью JSLint, инструмента проверки javaScript, который дает вам отчет о синтаксических предупреждениях и их значении.

7. Придерживайтесь правильных соглашений об именах.

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

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

  • Имена переменных и функций записываются как camelCase.
  • Константы (например, PI) записываются в ЗАГЛАВНЫМ регистре.

В JavaScript вы можете использовать camelCase или подчеркивание в именах переменных.
Не используйте hyp-hens, так как это может быть неправильно понято как знак вычитания.

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

8. Всегда комментируйте свой код

Комментирование - это написание коротких заметок, объясняющих, как ваш код работает во всем коде. Комментарии объясняют, как работают ваши коды.

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

Однострочные комментарии:

Однострочные комментарии начинаются с //.
Любой текст или код между // и концом строки будет игнорироваться JavaScript.

Многострочные комментарии:

Многострочные комментарии начинаются с /* и заканчиваются */.
Любой текст или код между /* и */ будут игнорироваться JavaScript.

Заключение

Вот и все - 8 рекомендаций по JavaScript, которые помогут вам писать лучшие коды

А теперь иди и начни использовать свои недавно обретенные магические способности кодирования, чтобы завоевать мир!

Обратите внимание: Хороший код удобочитаем, прост, удобен в обслуживании и может легко использоваться другими разработчиками. Не решайтесь писать код, который просто «работает». Пишите код, который выделяется.

Спасибо за прочтение. Надеюсь, эта статья была полезной.