В этой статье я попытался написать о некоторых важных темах JavaScript. Итак, приступим!😎✌
1. Что такое обработка ошибок в JavaScript?
Независимо от того, насколько мы хороши в области программирования, иногда мы сталкиваемся с таким количеством ошибок, что наши файлы сценариев умирают (немедленно останавливаются). Людям очень не нравится, когда что-то «просто умирает» без каких-либо сообщений об ошибках. По этой причине у нас есть решение — обработка ошибок в JavaScript!
Обработка ошибок, попробуйте… поймать
Он состоит из двух двух блоков try & catch.
Мы пишем наш код в блоке try и через нашу ошибку в блоке catch.
пытаться{
//здесь будет наш код
}
поймать (ошибиться) {
//здесь будет наш код обработки ошибок
}
Этот код будет работать так:
- Если в блоке try{…} нет ошибки, он будет выполнен, а блок catch{…} будет проигнорирован, и наоборот.
- Если в блоке try{…} есть ошибка, он не будет выполняться и выдаст ошибку в блоке catch{…}.
- Мы можем обработать ошибку с помощью консольного журнала сообщения об ошибке.
Например
пытаться{
а; // а не определено
}
поймать (ошибиться) {
оповещение (ошибка.сообщение);
Сообщить('Произошла ошибка!');
}
2. Комментарии
Комментариив JavaScript используются для объяснения кода и делают программу более понятной для разработчиков. Есть однострочные комментарии, начинающиеся с //, и многострочные /* … */
При написании комментариев мы должны помнить:
- Дайте общий обзор. Короче говоря — взгляд на код с высоты птичьего полета.
- Использование функций.
- Помните, что хороший код самодокументируется.
- Избегайте ненужных объяснений кода, таких как «как код работает» и «что он делает».
3. Блочная привязка в JavaScript
Это одна из важных тем ES6. Блокировать привязку что-либо в определенной среде.
- Переменная более формально известна как привязка.
- Когда мы объявляем или инициализируем переменную, мы фактически привязываем значение к имени внутри области видимости.
- Область обычно относится к определенной части программы.
- ES6 предлагает нам упростить управление областью действия.
4. Объявления Var и подъем
Мы можем объявить переменную, используя ключевое слово var. Мы можем использовать его где угодно без ограничений. Но это создает проблему с «подъемом». Любая переменная, объявленная внутри функции, была поднята до вершины функции, что означает глобальную область видимости, и это называется подъемом.
Например,
переменная temp на самом деле все еще доступна вне цикла for.
функция моя функция () {
для (пусть i = 0; i ‹ 10; i++) {
вар темп = 10;
}
console.log(temp);//по-прежнему работает
}
5. Блочный уровень
Уровень блока – это те, в которых объявляются переменные, доступ к которым невозможен за пределами заданной области блока. Он создается внутри функции и внутри блока (здесь блок означает внутри пары фигурных скобок {…})
«давайте» объявления
Когда мы используем ключевое слово let, оно дает нам область действия на уровне блоков для наших переменных.
Например,
переменная temp в этом примере принадлежит только этому циклу for и может использоваться только в этой области цикла for.
функция моя функция () {
для (пусть i = 0; i ‹ 10; i++) {
пусть темп = 10;
}
console.log(temp);// приведет к ошибке
}
«константные» объявления
Когда мы используем ключевое слово const перед переменной, эта переменная больше не может быть изменена после того, как она была инициализирована. Это дает нам блочный уровень для наших переменных. Можно сказать, что это как постоянная переменная, такая как Pi.
Например,
если мы хотим изменить значение Pi, это выдаст ошибку.
const Pi = 3,14;
Пи = 5; // ошибка
6. Глобальные привязки блоков
let и const отличаются от var своим поведением в глобальной области видимости. Когда переменная var используется в глобальной области видимости, она создает новую глобальную переменную, которая является свойством глобального объекта. Здесь глобальный объект — это окно в браузерах.
Например,
// в браузере
var RegExp = «Привет, Асима!»;
console.log(window.RegExp);//"Привет, Асима!"
пример var = «Привет!»;
console.log(window.example);//"Привет!"
7. Функция с параметрами по умолчанию
В JavaScript параметры функции по умолчанию не определены. Если мы установим значение по умолчанию, это будет полезно, когда мы не будем передавать параметр. Параметры функции по умолчанию позволяют инициализировать их со значением по умолчанию, если значение не передано или не определено.
Например,
сумма функций (а, Ь = 2) {
вернуть а + б;
}
console.log(сумма(5, 5)); // вывод: 10
console.log(сумма(5)); // вывод: 7
8. Оператор спреда
оператор спреда, состоящий из трех точек (…). Это позволяет распространять элементы итерируемого объекта, такого как массив, карта.
- Мы можем создать новый массив, используя существующий массив как его часть. Например1,
let newFlowers = ['роза', 'орхидея', 'тюльпан'];
let flowers = [‘лилия’, …newFlowers, ‘подсолнухи’];
console.log(цветы); // вывод: ['лилия', 'роза', 'орхидея', 'тюльпан', 'подсолнухи']
- Мы можем скопировать массив, используя оператор распространения. Например2,
пусть число1 = [11, 22, 33];
пусть число2= […число1];
число2.толчок (44);
console.log(номер2); // вывод: [11, 22, 33, 44]
- Мы можем объединить массив в конец существующего массива. Например3,
пусть число1 = [1, 2, 3];
пусть число2= [4, 5, 6];
номер1 = […номер1, …номер2]
console.log(номер1); // вывод: [1, 2, 3, 4, 5, 6]
9. Уровень функциональных блоков
В ES6 JavaScript имеет только область видимости уровня функции, где переменные относятся к функциональному блоку или родительской функции. Переменные родительского блока доступны в дочернем блоке, но переменные дочернего блока не будут доступны в родительском блоке.
Например:
var цветок = «роза»;
Функция дочерняя область () {
var childFlower = «лилия»;
console.log(цветок); // вывод: «роза»
}
console.log (дочерний цветок); //Uncaught ReferenceError: childFlower не определен
Здесь мы видим, что переменная родительской области может быть доступна для дочерней области, но переменная, определенная в дочерней области, недоступна для родителя.
10. Функция стрелки
Функция стрелки – это простой синтаксис для создания функции. Функция стрелки принимает аргументы, затем оценивает выражения и возвращает результат.
Синтаксис:
пусть functionName = (arg1, …., argN) =› выражение
Для стрелочной функции с одним оператором:
пусть привет = () =› «Здравствуй, Асима!»;
const sum = (a, b) => a + b;
Для многострочной стрелочной функции:
const sum= (a, b)=› {
return a+ b;
}
Здесь, в последнем примере, мы видим, что функция принимает два аргумента. Он оценивает выражение a + b и возвращает результат.
Я надеюсь, что вы нашли эту статью полезной, если вы поставили ей 👏, и поделитесь ею со своими друзьями и всеми, кто интересуется JavaScript.
