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

1. Ошибки будут!

«Попробуй… поймай»

Если вы являетесь начальником в JavaScript или программировании, но ошибка найдет вас естественным образом. Независимо от того, хорош ли вы в программировании, иногда в вашем сценарии есть ошибка. Ошибки могут быть ошибками кодирования, допущенными программистом, ошибками из-за неправильного ввода и другими непредвиденными вещами. Теперь, чтобы обработать эту ошибку, вы должны использовать try… catch.

попробуйте… поймать синтаксис:

try {
     Block of code to try
 }
 catch(err) {
     Block of code to handle errors
 }

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

2. Очистите код -

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

Стиль кодирования

3. Кросс-браузер -

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

Так что выполнить все требования браузеров совершенно сложно и невозможно. Но нам, разработчикам, на самом деле не нужно делать все на 100% идеально, мы должны выполнять как можно больше. Это непростая задача для веб-разработчиков оправдать ожидания пользователей различных устройств.

Есть несколько причин, по которым возникает проблема с кроссбраузерностью.

Давайте посмотрим:

i) Различные функции для разного уровня технической поддержки.
ii) Из-за ошибок и различных функций реализации.
iii) Из-за некоторых ограничений, таких как большое время загрузки, тяжелая анимация, наборы.

4. Продолжить тестирование -

Это не так уж сложно, поскольку мы обычно думаем, что в этом случае нужно быть немного осторожнее. Сохраняя некоторые шаги, мы можем это преодолеть. Например, для больших проектов мы регулярно проводим тестирование, чтобы упростить работу. Мы можем делать это так, как думаем. Но я приведу примерный рабочий процесс.

Это:

i) Первоначальное планирование
ii) Разработка
iii) Отсутствие тестирования на реальных устройствах
iv) Тестирование / обнаружение
v) Обнаружение устаревшего браузера

5. Первоначальное планирование -

  • Продолжайте изучать аудиторию, которая собирается использовать это приложение, путем исследования или интуиции.
  • Фаза принятия решения по некоторым важным критериям. Нравится - встреча с владельцем для обсуждения общего плана, стоимости, ограничений по времени, ресурсов и т. Д.
  • Включите функции для новейших устройств, таких как новейшие настольные ПК, ноутбуки и мобильные устройства с различными браузерами, такими как Chrome, Firefox, Opera и т. Д.
  • Просмотрите весь план, чтобы ничего не осталось для будущих ошибок.

6. Развитие -

  • Изучите весь проект на мелкие части, такие как - домашняя страница, страница бронирования, страница отгрузки и т. Д.
  • Используйте разные функции, в основном библиотеки, фреймворки, разные фазы кода и т. Д.
  • Признавая, что некоторые проблемы могут вообще не решаться, попробуйте возможные решения.
  • Продолжайте, если это не работает в старых браузерах.

7. Отсутствие тестирования на реальных устройствах -

Ничто не сравнится с настоящим. Независимо от того, каков ваш сайт, лучший способ избавиться от ошибок.

  • Наконец исправьте, если остались какие-то проблемы.
  • Тестируйте на основе вашего контрольного списка различных устройств.
  • При необходимости добавьте новый фрагмент кода.

8. Тестирование / открытие -

  • Тестовый код в разных браузерах.
  • Попробуйте использовать только тестирование клавиатуры или только режим чтения
  • Протестируйте на разных мобильных устройствах, таких как Android, iOS и т. Д.

9. Обнаружение устаревшего браузера -

Если есть обновленная версия, значит, есть и устаревшая. Чтобы решить эту проблему, если используется старый браузер, возможно, JavaScript не смог обнаружить браузер.

Теперь поговорим о функции ES6:

10. Функция стрелки ( ES6) -

Первая стрелочная функция, представленная в ES6 (2015)

Стрелочная функция - это компактная версия традиционной функции. Это просто более короткий синтаксис функции. Стрелочная функция по умолчанию возвращает значение.

Традиционная функция:

hello = function() {
  return "Hello World!";
}

Функция стрелки:

hello = () => "Hello World!";

11. Подъем -

Если переменная объявлена ​​и инициализирована после ее использования, значение будет неопределенным. JavaScript поднимает только объявления, но не инициализацию.

Пример:

console.log(num); // Returns undefined, as only declaration was hoisted, no initialization has happened at this stage
var num; // Declaration
num = 6; // Initialization

Это все на сегодня. Спасибо