Сегодня мы рассмотрим некоторые фундаментальные концепции javascript и привязки блоков. Итак, начнем с типа данных:
1. Тип данных в JavaScript:
В javascript есть какой-то тип данных, такой как null, undefined, string, number, symbol, boolean, bigInt и примитивные значения. Также есть два разных типа данных: объект и функция. Объекты и Функции также являются значениями, но не примитивными. Если вы запишете в консоль какой-то код в консоли браузера, вы увидите некоторые различия между примитивными значениями и непримитивными значениями. Взгляни:
Как найти тип:
В Javascript вы можете найти тип данных с помощью метода typeof(). Посмотрите на пример ниже:
Выражения:
Любая единица кода, которая может быть преобразована в значение, является выражением. Выражение всегда приводит к одному значению. Выражение в javascript можно разделить на категории.
- Арифметические выражения
- Строковые выражения
- Первичные выражения
- Выражения инициализаторов массивов и объектов
- Логические выражения
- Левосторонние выражения
- Выражения доступа к свойствам
- Выражения создания объекта
- Выражения определения функции
- Выражения вызова
Обработка ошибок:
Иногда мы пишем код с ошибкой, и наш код немедленно останавливает выполнение. Но есть решение для этого. Используя синтаксис try…catch, мы можем найти ошибку, и выполнение кода не будет немедленно остановлено из-за этой ошибки. Синтаксис выглядит так
try{ // code }catch (err){ // handle errors }
- Код в try{} будет выполняться первым.
- Если ошибки не возникнет, оператор catch{} будет проигнорирован.
- если в try{} возникает какая-либо ошибка, то выполнение кода будет остановлено и перейдет к оператору catch{}.
Стай-код:
Мы должны писать код чистым и понятным для человека. Если мы напишем очень сложный код, его будет трудно понять. Посмотрите на два примера ниже:
- Сначала посмотрите на первый:
2. Теперь посмотрим на второй:
Какой из них легко читать и понимать? Абсолютно второй чист и понятен. Таким образом, мы должны следовать некоторым правилам стиля, чтобы писать понятный и чистый код.
некоторые правила стиля:
- Пробел между параметрами
- Без пробеламежду именем функции и круглыми скобкамимежду круглыми скобками и параметром
- Пробелы вокруг операторов
- Пробелмеждуаргументами
- Очереди не очень длинные
- Пустая строкамежду логическими блоками
- Пробелы вокруг вложенного вызова
- Фигурная скобка {в той же строке после пробела
Код комментария:
В javascript мы пишем однострочный комментарий с помощью // и многострочный комментарий с помощью /*….*/. Комментарий полезен для описания того, как работает код и для чего он написан. Но не стоит писать лишние комментарии в коде. Тут новый разработчик стал смущаться.
Кроссбраузерное тестирование
Кросс-браузерное тестирование — это тип тестирования, который позволяет проверить, работает ли приложение в разных браузерах должным образом и корректно ли оно ухудшается. Это процесс проверки совместимости вашего приложения с различными браузерами.
Мы все могли заметить, что некоторые веб-сайты не отображаются должным образом в некоторых браузерах, и мы просто думаем, что веб-сайт неисправен. Но как только вы открываете его в другом браузере, сайт открывается просто отлично. Таким образом, такое поведение объясняет совместимость веб-сайта с различными браузерами. Вот кроссбраузерное тестирование, которое поможет решить эту проблему.
Функции со значениями параметров по умолчанию
Иногда при вызове функции мы забывали указать все значения параметров в качестве аргументов. Тогда значение будет неопределенным и нарушит код. Итак, если мы установим значение по умолчанию для параметра, то, если мы забудем предоставить аргументы, это не нарушит код, потому что у него есть значение по умолчанию, см. код ниже:
Здесь мы предоставляем только один аргумент в функции doSum(). Но этот код все еще будет работать. Если мы предоставим 2 аргумента для функции doSum(), то значение по умолчанию будет проигнорировано, и его место займет второй аргумент.
Оператор спреда
Иногда нам нужно сохранить наши существующие данные. Допустим, мы не хотим изменять имеющиеся у нас данные и хотим добавить новые данные в новую коллекцию или объект с предыдущими данными. Здесь мы можем скопировать наши данные и создать новую коллекцию или объект, используя оператор распространения (… (просто три точки)). Взгляните на пример:
Здесь, если мы втолкнем () новый элемент в массив чисел, существующий массив будет изменен. сначала мы скопировали все элементы массива чисел в новый массив чисел, а затем добавили новый элемент. Вот почему наши основные данные не изменились, и у нас также есть новый набор данных с предыдущими данными.
Функция стрелки
Мы можем написать функцию в javascript, используя функцию стрелки. В обычной функции мы используем ключевое слово function и оператор return. Но когда мы пишем функцию, используя стрелку, нам не нужно использовать ключевое слово function. Преимущество стрелочной функции в том, что если наша функция возвращается в одной строке, то ее очень легко написать с помощью стрелочной функции.
- сперва посмотри на первый
2. Теперь посмотрим на второй