Погнали…
- Пусть const var
с помощью let вы можете объявить переменную внутри блока кода, не влияя на значение, объявленное той же переменной вне кода, в этом случае код блока if
Вы можете использовать const для объявления переменной внутри кода, которая, как вы знаете, не изменится.
используйте var для объявления глобальных переменных в вашем коде
2. Шаблонные литералы
без шаблона литералов
с шаблоном литералами
чтобы написать эту строку, вам нужно использовать `( серьезное ударение, напишите AltGr +} в ubuntu ) и используйте $ {} , чтобы передать переменную, которую вы хотите распечатать.
теперь вы понимаете шаблонные литералы!
3. Стрелочные функции
без стрелочных функций:
со стрелочными функциями:
вы объявляете функцию с помощью = ›
стрелочные функции не нуждаются в инструкции return только для простых стрелочных функций. Вот один из примеров сложной стрелочной функции:
4. Тернарный IF
в этом случае мы используем одну строку для реализации оператора if, ? оценивает условие condition? да: нет
5. для… в
Без for… in:
С для… в:
for in выполняет итерацию по всем индексам массива и возвращает все элементы массива в этом случае, как цикл for в python.
6. console.error | console.log
возможно, вы используете console.log () для вывода ошибок в консоль, однако у нас есть console.error () для отображения ошибок в консоли.
давай сделаем несколько ошибок
7. Функции для работы с массивами (карта, forEach, фильтр, уменьшение, сортировка)
чтобы сначала объяснить эти функции, мы собираемся создать массив чисел
map: эта функция возвращает новый массив элементов.
forEach: запустить массив и вернуть результат
фильтр: сравнивает значение и возвращает истинные значения, вы можете использовать его для поиска определенного значения внутри массива.
reduce: вероятно, самая сложная функция, но основной принцип - подумать о массиве и вернуть его суммирование.
sort: основная функция функций сортировки - упорядочить массив
8. Оператор спреда
без оператора распространения:
с оператором спреда
9. Разрушение
вы можете распаковывать элементы из массива или объекта
без деструктуризации:
с деструктуризацией:
10. Обещания
в Javascript promises имеет три состояния
например, если вы можете съесть банан
в ожидании: вы ждете, пока вы съедите банан завтра.
решено: вы съели свежий банан.
отклонено: ваш банан здесь, но он тухлый
в этом примере мы используем then и catch, чтобы вернуть обещание разрешено или отклонено.
11. Асинхронный / ожидание
если вы понимаете обещания, теперь мы можем погрузиться в эту новую концепцию, недавно представленную в javascript Async / await
async используются для запуска асинхронной функции без прерывания диспетчера задач Javascript для обработки функции, ожидание возвращает обещание или результат.
12. Совет от профессионала: используйте insertAdjacentHTML ()
если вы хотите вставить html с помощью javascript на вашу веб-страницу в тег ‹div›, например, обычно используется следующий синтаксис:
без insertAdjacentHTML ():
С помощью insertAdjacentHTML ():
beforeend используется для размещения тега p внутри div, но вы можете разместить тег в разных позициях, используя:
'beforebegin'
: До самогоelement
.'afterbegin'
: Прямо внутриelement
, перед его первым потомком.'beforeend'
: Прямо внутриelement
, после его последнего потомка.'afterend'
: После самогоelement
.
ПОЗДРАВЛЯЕМ, ТЫ - МАСТЕР JAVASCRIPT !!