Быстрый переход от ванильного JavaScript к ES6
Литералы шаблонов
Вы использовали конкатенацию в строке, были некоторые ограничения.
1. Вы не можете использовать многострочную строку.
2. Если вам нужно отобразить длинную цепочку строк с разными переменными, то ваша жизнь превращается в беспорядок, когда вы ставите + между переменными или строкой в жестких кавычках. Например
Вместо этого мы используем шаблонные литералы с обратными галочками ` и помещаем каждую переменную со знаком доллара $ и заключаем ее в фигурные скобки.
Знакомство с let и const
понять некоторые основные различия
1. let можно переназначить, а const нельзя
2. И let, и const являются областью действия блока
3. Если вы не хотите, чтобы какая-либо переменная использовалась за пределами блокировать использование позволить
var x = 5; { let x=7;} // x =7 inside the block // x = 5 outside the block
Используйте стрелочные функции
устаревшие функции проще, но стрелочные функции
1. гораздо более лаконичны
2. подходят для других методов работы с массивами.
3. автоматически привязывают «это» к контексту кода
Теперь см. разница в синтаксисе (кстати, довольно простая)
Что происходит
* ключевое слово function не нужно, вместо этого мы добавляем константу и имя переменной.
* начинаем с круглых скобок с параметрами, если они есть, а затем жирной стрелкой =›
* если есть только одна возвращая строку, вы можете опустить ключевое слово return, а также фигурные скобки
некоторые функции массивов (поверьте мне, это спасет вам жизнь)
Методы map(), find(),reduce(),filter() в массивах могут сэкономить массу времени при написании собственной логики. Позвольте мне объяснить карту и фильтр
параметры по умолчанию
В более старой версии, когда функции требуется параметр, который вы должны указать при вызове этой функции, например
function add(a=6,b=5){ return a+b } add(2,3);//correct adds 2+3 add(2);//correct adds 2+5 add();//correct add default values 6+5