Please enable JavaScript.
Coggle requires JavaScript to display documents.
React, Стрелочные функции, async и await, Модули ES6, npm, Классы,…
-
Стрелочные функции
-
-
-
const lordify = (firstname, land) => '${firstname} of ${land}';
const lordify = (firstname, land) => {if (!firstname){///} if (!land){///} return '${fisrtname} of ${land}';}; - если тело функции состоит более чем из одной строки, то следует заключить в фигурные скобки
async и await
-
функциям async можно приказать дождаться разрешения промиса перед дальнейшим выполнением любого кода
-
-
при использовании async await нужно заключить вызов промиса в блок try...catch для обработки любых ошибок
Модули ES6
это фрагмент кода, который можно многократно использовать и включать в другие файлы js, не вызывая конфликтов переменных
ключевое слово export можно использовать для экспорта любого типа JS, который будет использоваться в другом модуле.
-
export (default) могут использоваться с любыми типами JS: примитивами, объектами, массивами и функциями
-
Классы
-
можно создать экземпляр класса, вызывать собственные методы класса.
-
-
-
Object.assign
Метод берет пустой объект, копирует в него оригинальные данные и перезаписывает значения на копии.
Т.е. метод позволяет изменять копии объекта, при этом не меняя оригинал
Array.filter
функция, которая создает новый массив из исходного
используется для удаления элементов из массива, т.к. он неизменяемый
Array.map
Принимает в качестве аргумента функцию. Эта функция будет вызываться один раз для каждого элемента в массиве, и все, что она вернет, будет добавлено в новый массив
-
const имя-переменной
- объявление переменной, которую нельзя переопределить
let имя-переменной
- Ключевое слово let ограничивает переменную любым блоком кода. Использование let защищает значение глобальной переменной
${ }
с помощью шаблона мы можем создать одну строку и вставить значения переменных, заключив в ${}
Функции в JS являются переменными, поэтому их можно добавлять к объектам
const obj = { message: ''They can be added to objects like variables'', log(message) { console.log(message); } }; obj.log(obj.message); //Они, как и переменные, могут добавляться к объектам
-
Функции можно передавать другим функциям в качестве аргументов, как и другие переменные
const insideFn = logger => {logger("they can be sent to other functions as args")}; insideFn(message => console.log(message));
var topic = "js";
if(topic){
let topic = "react";
console.log("block, topic); // react } console.log("global", topic) //js
-