Погнали…

  1. Пусть 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 !!