Сегодня мы рассмотрим некоторые фундаментальные концепции javascript и привязки блоков. Итак, начнем с типа данных:

1. Тип данных в JavaScript:

В javascript есть какой-то тип данных, такой как null, undefined, string, number, symbol, boolean, bigInt и примитивные значения. Также есть два разных типа данных: объект и функция. Объекты и Функции также являются значениями, но не примитивными. Если вы запишете в консоль какой-то код в консоли браузера, вы увидите некоторые различия между примитивными значениями и непримитивными значениями. Взгляни:

Как найти тип:

В Javascript вы можете найти тип данных с помощью метода typeof(). Посмотрите на пример ниже:

Выражения:

Любая единица кода, которая может быть преобразована в значение, является выражением. ​Выражение всегда приводит к одному значению.​ Выражение в javascript можно разделить на категории.

Обработка ошибок:

Иногда мы пишем код с ошибкой, и наш код немедленно останавливает выполнение. Но есть решение для этого. Используя синтаксис try…catch, мы можем найти ошибку, и выполнение кода не будет немедленно остановлено из-за этой ошибки. Синтаксис выглядит так

try{
  // code
}catch (err){
  // handle errors
}
  1. Код в try{} будет выполняться первым.
  2. Если ошибки не возникнет, оператор catch{} будет проигнорирован.
  3. если в try{} возникает какая-либо ошибка, то выполнение кода будет остановлено и перейдет к оператору catch{}.

Стай-код:

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

  1. Сначала посмотрите на первый:

2. Теперь посмотрим на второй:

Какой из них легко читать и понимать? Абсолютно второй чист и понятен. Таким образом, мы должны следовать некоторым правилам стиля, чтобы писать понятный и чистый код.

некоторые правила стиля:

  • Пробел между параметрами
  • Без пробеламежду именем функции и круглыми скобкамимежду круглыми скобками и параметром
  • Пробелы вокруг операторов
  • Пробелмеждуаргументами
  • Очереди не очень длинные
  • Пустая строкамежду логическими блоками
  • Пробелы вокруг вложенного вызова
  • Фигурная скобка {в той же строке после пробела

Код комментария:

В javascript мы пишем однострочный комментарий с помощью // и многострочный комментарий с помощью /*….*/. Комментарий полезен для описания того, как работает код и для чего он написан. Но не стоит писать лишние комментарии в коде. Тут новый разработчик стал смущаться.

Кроссбраузерное тестирование

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

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

Функции со значениями параметров по умолчанию

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

Здесь мы предоставляем только один аргумент в функции doSum(). Но этот код все еще будет работать. Если мы предоставим 2 аргумента для функции doSum(), то значение по умолчанию будет проигнорировано, и его место займет второй аргумент.

Оператор спреда

Иногда нам нужно сохранить наши существующие данные. Допустим, мы не хотим изменять имеющиеся у нас данные и хотим добавить новые данные в новую коллекцию или объект с предыдущими данными. Здесь мы можем скопировать наши данные и создать новую коллекцию или объект, используя оператор распространения (… (просто три точки)). Взгляните на пример:

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

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

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

  1. сперва посмотри на первый

2. Теперь посмотрим на второй