Получение данных с сервера Async/Await (ES8)

Есть смысл выводиться функционал по общению с сервером в отдельные функции.

 

const postData = async (url, data) => {

const res = await fetch(url, { // fetch может выполнятся n время

method: 'POST',

headers: {

'Content-type': 'application/json'

},

body: data

});

 

return await res.json(); // сюда из-за этого может ничего не приёти,

// поэтому программа будет ждать await окончания ф-и и промиса

}; // postData - отвечает за posting данных

 

Дополнительно: Что такое библиотеки.Библиотека axios

Создаем свою мини-библиотеку в ООП стиле | Javascript, LocalStorage

https://cdnjs.com/

https://github.com/axios/axios

Библиотеку можно подключать через npm/script/CDN всё прописано в документации

Библиотеку всегда нужно подключать перед главным скриптом

Регулярные выражения

Состоит из патторнов и флагов. Патторн –шаблон того что мы ищем встроке/что пытаюсь удалить и т.п

Синтаксис. Методы строк

Никто не пользуеться Самый часты

 =  search показывает первое совпадение/вхождение

Флаги можно комбинировать

i – я ищу в не зависимости от регистра

g- когда ищу несколько вхождений

m- многострочный режим ищет по всем строкам

Если нужно взять только. то нужно экранировать символ    ищу только /	Всё что бует введено в prompt будет заменено на * =>

 

replace()- заменяет часть строки на что-то

/./ - означает все что будет введно

У RegExp ессть свои методы как у регулярного вырожения

	Проверяю на совпадние. Выводит булиновое значение. При Ann = true; Djesika = folse
Если искать не что-то конкретное например номера, слова, пробелы и т.п. Для этого в регулярках есть классы. \d – digits числа \w – все слова \s – все пробелы	Получил массив который можно склеить в строку и дальше использовать Классы тоже мжно комбинировать
	При помощи сложного патторна/комбинированный шаблон

Обратные классы – когда нужно найти не числа, не слова, не пробелы

 

\D– все не числа \W – все не слова \S – все не пробелы

Было

Стало

Конструктор регулярных выражений

Документация RegExp

Регулярные выражения

 

Инкапсуляция

Один из принципов ООП

Отделение и сокрытие внутренности программы (переменных, ф-й и т.п) – инкапсуляция

В ООп – объект хранит свои данные в приватном порядке и только методы объекта имеют доступ для его изменений

1) Защита от вмешательства пользователей

2) Без последствий улучшать и дорабатывать программу. Тип если механик установит другую диталь в мом авто я этого не замечу

3) Удобно когда внутренние программы вскрыты, а я использую лишь его результат

 

WebPack

 

React learn

Глянуть