Сегодня мы собираемся узнать больше о JavaScript (JS). Я расскажу о типах данных, цикле событий, обработке ошибок и некоторых ES6. Кроме того, сегодня в конце блога есть бонусный раздел.
Типы данных
В JS есть разные типы данных. Они есть -
Число - 1,2,3,4
Струны - «привет», «мир»
Логическое значение - истина, ложь
Неопределенный - неопределенный
ноль ноль
Объект - {индекс: значение}, [значение1, значение2, значение3]
Функция - functionName ()
Чтобы узнать тип данных, в JS есть функция typeof (значение). Например,
typeof(1); // number
typeof(‘1’); // string
typeof(true); // boolean
typeof({index: value}); // object
Обработка ошибок
Выполнение кода без ошибок для меня - это фантастика. Потому что вы не можете сказать, что написали код и не получили ошибок. Знаешь что? Есть способ справиться с этими ошибками самостоятельно. Для этого вы должны использовать синтаксис try-catch, который написан таким образом
try {
// your code…
} catch (error) {
// error handling
}
Рабочий процесс try-catch - это, прежде всего, код, выполняющий раздел try. Если ошибок нет, то секция catch игнорируется сама по себе. В противном случае в любой строке в функции try возникает ошибка, код останавливается и выполняет раздел catch. Вот как работает эта попытка. Теперь я показываю два примера ниже, где первый работает правильно, а второй сталкивается с ошибкой.
Пример 1:
try{
const value = 1;
console.log(value); // 1
console.log(“try executed”); // try executed
} catch(error){
console.log(error);
}
Пример 2:
try{
const value = 1;
console.log(x);
console.log(“try executed”);
} catch(error){
console.log(error.message); // x is not defined
}
Вот ошибка в функции catch. У него есть свойства имени, сообщения и стека. Возникает еще один объект ошибки. Используя это, вы можете выбросить свою собственную ошибку. Например,
try{
const value = 1;
If (value > 0){
throw new SyntaxError( ‘your value is greater than 0’ );
}
} catch(error){
console.log(error.message); // your value is greater than 0
}
Надеюсь, вы понимаете, что такое try-catch и как он работает. Также рассказано о том, как можно выбросить ошибку.
ES6 - привязки блоков
Акроним ES6 - ECMAScript 6. Это вторая основная версия JS. Это как обновленный JS. Он представил нам некоторые новые вещи, которые мы можем использовать в коде JS. Блок в JS - это что-то в {} или функции. Посмотрим на некоторые из них.
- Объявление переменных - в ES6 вы можете объявлять переменные JS с помощью const и let. Константа означает константу, поэтому переменная будет статической, и вы не сможете ее изменить. И пусть использует, когда вам нужно изменить значение переменной в вашем коде.
if (true) { const variable = 1; }
- Функция стрелки - ES6 представил нам функцию стрелки. Таким образом, вам не нужно использовать служебное слово в коде. Хотя вы должны объявить его как переменную при его использовании.
const add = (x, y) => x + y ; const add = () => 1+1 // 2
- Циклы - как правило, если вы объявляете переменную как var в итерации цикла for, вы можете получить доступ к переменной вне цикла или привязок. Итак, чтобы оптимизировать это, вы должны использовать let при объявлении переменной. Нравится
for ( let i = 0; i < 5; i++) {codes}
Наш мир быстро меняется, как и наши технологии. Таким образом, наш один из любимых или наиболее часто используемых языков JavaScript тоже обновляется. Прямо сейчас есть версия JS для ES 2018. Однако ES6 - последнее масштабное обновление для JS. Надеюсь, разработчики по всему миру найдут для нас все более и более эффективные и оптимизированные JS.
Бонус -
Написание чистого и понятного кода важнее написания безошибочного кода. Если другой разработчик не понимает ваш код, вы потеряете ценность для других. В этом бонусном разделе я расскажу о том, как писать чистый и понятный код.
Кодирование Стиль
if (condition){
\\ your codes here
}
Длина строки должна составлять от 80 до 120 символов.
Горизонтальный отступ должен составлять 2 или 4 пробела.
Дополнительный разрыв строки может указывать на вертикальный блок.
Ставьте точку с запятой после каждой строки или оператора.
Вы можете размещать функции поверх кода или внизу кода. Кроме того, вы можете разместить его при вызове функции.
Чтобы сделать ваш код читаемым одним щелчком мыши, вы можете использовать расширение «Prettier» или «ESLint» в VSCode.
Комментирование
Добавить комментарий - это важная вещь. Ваш стиль комментирования покажет вам, как вы можете описать код посторонним.
Объяснение будет кратким и минимальным.
Прокомментируйте исходную архитектуру вашего кода, использование функций и важные решения.
Сегодня мы узнали о типах данных JS, способах обработки ошибок в JS и привязках блоков ES6. Кроме того, мы узнали, как писать чистый код и как использовать комментарии в коде. Это все от меня сегодня. Я надеюсь тебе понравится. Если вы обнаружили что-то не так или должны быть обновлены, дайте мне знать. Я сделаю больше исследований по этому поводу и обновлю его. Спасибо.
Источники:
