30 фотографий напоминают вам о ES6 (ниже)

задняя часть внешний интерфейс JavaScript
30 фотографий напоминают вам о ES6 (ниже)

предисловие

Фундамент определяет надстройку! Недавно я повторно посетил ES6 и собрал точки знаний в карту мозга, которая может углубить впечатление и облегчить будущие ссылки.

Примечание. Эта серия разделена на две части: первую и следующую часть, а текущая часть — это следующая часть.

Предыдущий портал:Три дня и три ночи, 30 ментальных карт высокой четкости были отсортированы | Предлагаем вам просмотреть ES6 (Часть 1)

Установить и сопоставить структуры данных

Set и Map — новые структуры данных в ES6.Set похож на массив, но в нем нет дубликатов.Map похож на объект, но ключи могут быть любого типа данных.

Set 和 Map 数据结构.png

Proxy

Он относится к разновидности «метапрограммирования», под которым можно понимать настройку слоя «перехвата» перед целевым объектом, и доступ к объекту из внешнего мира должен сначала пройти через этот слой перехвата.

Proxy.png

Reflect

Reflect — это также новый API, предоставляемый ES6 для управления объектами, но он может сделать многие операции более читабельными.

Reflect.png

Объект обещания

Суть в том, чтобы сгенерировать объект через конструктор Promise, а в объекте определен ряд методов, и эти методы можно использовать для более качественного решения проблемы асинхронных обратных вызовов.

Promise 对象.png

Итератор и for...of циклов

Итератор означает обходчик, он обеспечивает унифицированный и удобный интерфейс доступа к различным структурам данных и может легко проходить различные данные с помощью нового цикла for of.

Iterator 和 for...of 循环.png

Функция генератора

Генератор — это асинхронное решение с совершенно другим синтаксическим поведением, чем у традиционных функций.

Generator 函数的语法和应用.png

асинхронная функция

Async — это, по сути, синтаксический сахар для Generator с лучшей семантикой и отсутствием необходимости вручную вызывать next.

async 函数.png

Class

Суть в синтаксическом сахаре, и большинство функций ES5 умеет. Но это более смысловое

Class 类.png

Наследование класса

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

Class的继承.png

Синтаксис модуля

ES6 реализует модульность на уровне языковых стандартов, что может заменить спецификации CommonJS и AMD предыдущего сообщества и стать общим модульным решением для браузеров и серверов.

Module 的语法.png

Реализация загрузки модуля

Вы можете определить тип как «модуль» в теге скрипта, указывая, что есть что-то о модуляризации. Но обратите внимание, что они загружаются асинхронно

Module 的加载实现.png

стиль программирования

Стиль программирования некоторых крупных заводов можно использовать для справки.

编程风格.png

Прочтите спецификации

Файл спецификации является официальным стандартом компьютерного языка. В нем подробно описаны правила грамматики и методы реализации. Если вы столкнулись со сложными грамматическими проблемами и не можете найти ответ, вы можете проверить файл спецификации.

读懂规格.png

асинхронный обходчик

ES2018 представил «асинхронный обходчик», чтобы предоставить собственный интерфейс обходчика для асинхронных операций, то есть два свойства value и done генерируются асинхронно.

异步遍历器.png

ArrayBuffer

Это интерфейс для JavaScript для управления двоичными данными.

ArrayBuffer.png

последнее предложение

что-то новое

image.png

Decorator

Декораторы — это синтаксис, связанный с классами, который можно использовать для изменения классов и методов классов.

Decorator.png

end~

Выше приведен результат этой сортировки, надеюсь, он вам поможет!

Воспроизведение запрещено без моего разрешения

Добро пожаловать, любимый, если у вас есть какие-либо вопросы, пожалуйста, оставьте сообщение ниже ~