Новые возможности JavaScript: Как написать чистый код по всем правилам современного языка

Оглавление....6 Intro....20 Об авторе....20 О техническом редакторе....21 О техническом корректоре....21 Благодарности....22 Введение....23 О чем эта книга?....23 Кому стоит читать эту книгу....25 Как пользоваться этой книгой....25 1. Новые возможности в ES2015-ES2020 и далее....27 Определения, что есть что и терминология....28 Что такое Ecma? ECMAScript? TC39?....28 Что такое ES6? ES7? ES2015? ES2020?....28 «Движки» JavaScript, браузеры и др....29 Что за «новые возможности»?....30 Как создаются новые возможности?....32 Кто здесь главный....32 Процесс....33 Вовлечение в процесс....35 Следите за новыми возможностями....36 Использование текущих функций во вчерашних условиях и разрабатываемых возможностей сегодня....37 Транспилирование примера с помощью Babel....38 Обзор главы....42 2. Объявления блочной области видимости для let и const....44 Введение в let и const....45 Истинная блочная область видимости....45 Повторные объявления — это ошибка....46 Поднятие и временная мертвая зона....47 Новый вид глобальных переменных....50 Const: Константы в JavaScript....52 Основы const....52 Объекты, на которые ссылается const, по-прежнему изменяемы....53 Блочная область видимости в циклах....54 Проблема «замыканий в циклах»....55 Привязки: Как работают переменные, константы и другие идентификаторы....56 Циклы while и do-while....61 Последствия для производительности....62 Константа в блоках цикла....63 Константа в циклах for-in....64 От старых привычек к новым....65 Используйте const или let вместо var....65 Сохраняйте узкую область видимости переменных....65 Используйте блочную область видимости вместо встроенных анонимных функций....65 3. Функции....67 Стрелочные функции и лексические this, super и т. д....68 Синтаксис стрелочной функции....68 Стрелочные функции и лексические this....73 Стрелочные функции не могут быть конструкторами....73 Значения параметров по умолчанию....74 Значения по умолчанию — это выражения....76 Значения по умолчанию вычисляются в их собственной области видимости....77 Значения по умолчанию не увеличивают арность функции....79 Остаточные параметры....79 Висящие запятые в списках параметров и вызовах функций....81 Свойство имени функции....83 Объявления функций внутри блоков....84 Объявления функций внутри блоков: Стандартная семантика....86 Объявления функций внутри блоков: Устаревшая веб-семантика....88 От старых привычек к новым....90 Используйте стрелочные функции вместо различных обходных путей для этого значения....90 Используйте стрелочные функции для обратных вызовов, если не используете аргументы или this....91 Рассмотрите применение стрелочных функций и в других местах....91 Не используйте стрелочные функции, когда вызывающей стороне необходимо контролировать значение this....92 Используйте значения параметров по умолчанию, а не код, предоставляющий значения по умолчанию....93 Используйте остаточный параметр вместо ключевого слова arguments....93 Рассмотрите возможность использования висящих запятых, если это оправдано....93 4. Классы....95 Что такое класс?....96 Представление нового синтаксиса класса....96 Добавление конструктора....98 Добавление свойств экземпляра....100 Добавление метода прототипа....100 Добавление статического метода....102 Добавление свойства- акцессора....103 Вычисляемые имена методов....105 Сравнение с устаревшим синтаксисом....105 Создание подклассов....108 Ключевое слово super....111 Написание конструкторов подклассов....112 Наследование свойств и методов прототипа суперкласса и доступ к ним....113 Наследование статических методов....117 Ключевое слово super в статических методах....118 Методы, возвращающие новые экземпляры....119 Создание подклассов для встроенных компонентов....124 Где доступен super....125 Отказ от Object.prototype....129 Синтаксис new.target....129 Объявления классов в сравнении с выражениями классов....133 Объявления классов....133 Выражения классов....134 Еще не все....135 От старых привычек к новым....135 Использование класса при создании функций конструктора....135 5. Объекты....137 Вычисляемые имена свойств....137 Стенография свойств....138 Получение и настройка прототипа объекта....139 Метод Object.setPrototypeOf....139 Свойство __proto__ в браузерах....140 Буквальное указание имени свойства __proto__ в браузерах....141 Синтаксис метода и применение super вне классов....141 Тип данных Symbol....144 Почему же символы?....145 Создание и использование символов....146 Символы не для конфиденциальности....147 Глобальные символы....148 Хорошо известные символы....152 Новые функции объектов....153 Метод Object.assign....153 Метод Object.is....154 Метод Object.values....155 Метод Object.entries....155 Метод Object.fromEntries....156 Функция Object.getOwnPropertySymbols....156 Метод Object.getOwnPropertyDescriptors....156 Метод Symbol.toPrimitive....157 Порядок свойств....159 Синтаксис расширения свойств....161 От старых привычек к новым....162 Использовать вычисляемый синтаксис при создании свойств с динамическими именами....162 Используйте сокращенный синтаксис при инициализации свойства из переменной с тем же именем....163 Используйте метод Object.assign вместо пользовательских функций «extend» или явного копирования всех свойств....163 Используйте синтаксис расширения при создании нового объекта на основе свойств существующего объекта....163 Используйте символ, чтобы избежать коллизии имен....163 Используйте методы Object.getPrototypeOf/setPrototypeOf вместо свойства __proto....164 Используйте синтаксис метода для методов....164 6. Возможности итерации: итерируемые объекты, итераторы, циклы for-of, итеративные расширения, генераторы....165 Итерируемые объекты, итераторы, циклы for-of, итерируемое расширение....165 Итераторы и итерируемые объекты....166 Цикл for-of: Неявное использование итератора....166 Явное использование итератора....168 Остановка итерации на ранней стадии....169 Прототип итератора объекта....170 Сделать что-либо итерируемым объектом....173 Итерируемые итераторы....177 Синтаксис итеративного расширения....179 Итераторы, цикл for-of и DOM....180 Функции- генераторы....182 Базовая функция-генератор, просто производящая значения....183 Использование функций- генераторов для создания итераторов....184 Функции- генераторы в качестве методов....186 Использование генератора напрямую....187 Потребление значений генераторами....187 Использование оператора return в функции- генераторе....191 Приоритет оператора yield....192 Методы return и throw: Завершение работы генератора....193 Остановка генератора или итеративного объекта: yield....195 От старых привычек к новым....200 Используйте конструкции с итеративными элементами....200 Используйте возможности итеративных коллекций DOM....201 Используйте интерфейсы итераторов и итеративных объектов....201 Используйте синтаксис итеративного расширения в большинстве мест, где вы применяли Function.prototype.apply....201 Используйте генераторы....202 7. Деструктуризация....203 Краткий обзор....203 Базовая деструктуризация объекта....204 Базовая (и итеративная) деструктуризация массива....207 Значения по умолчанию....209 Синтаксис Rest в шаблонах деструктуризации....211 Использование отличающихся имен....212 Вычисляемые имена свойств....214 Вложенная деструктуризация....214 Деструктуризация параметров....215 Деструктуризация в циклах....218 От старых привычек к новым....219 Используйте деструктуризацию при получении только некоторых свойств от объекта....219 Используйте деструктуризацию для объектов options....220 8. Объекты Promise....221 Почему же промисы?....221 Основы промисов....222 Краткий обзор....222 Пример....224 Промисы и элементы thenable....226 Использование существующего промиса....227 Метод then....227 Связывание промисов в цепочки....228 Сравнение с обратными вызовами....232 Метод catch....233 Метод finally....235 Метод throw в обработчиках then, catch и finally....239 Метод then с двумя аргументами....241 Добавление обработчиков к уже выполненным промисам....243 Создание промисов....244 Конструктор Promise....245 Метод Promise.resolve....248 Метод Promise.reject....249 Другие служебные методы промисов....250 Метод Promise.all....250 Метод Promise.race....252 Метод Promise.allSettled....252 Метод Promise.any....253 Шаблоны промисов....253 Обрабатывать ошибки или возвращать промис....253 Серии промисов....254 Параллельные промисы....256 Антишаблоны промисов....257 Излишнее выражение new Promise(/*…*/)....257 Отсутствие обработки ошибок (или неправильная обработка)....257 Оставление ошибок незамеченными при преобразовании API обратного вызова....258 Неявное преобразование отклонения в успешное выполнение....259 Попытка использовать результаты вне цепочки....260 Использование обработчиков бездействия....260 Неправильное разветвление цепочки....261 Подклассы промисов....262 От старых привычек к новым....263 Используйте промисы вместо успешных/неудачных обратных вызовов....263 9. Асинхронные функции, итераторы и генераторы....264 Асинхронные функции....264 Создание промисов асинхронными функциями....267 Оператор await использует промисы....268 Стандартная логика становится асинхронной при использовании await....269 Отклонения — это исключения, исключения — это отклонения; выполнение — это результаты, возвращаемые значения — это разрешения....270 Параллельные операции в асинхронных функциях....273 Нет необходимости возвращать await....274 Ловушка Pitfall: Использование асинхронной функции в неожиданном месте....275 Асинхронные итераторы, итерируемые и генераторы....276 Асинхронные итераторы....276 Асинхронные генераторы....280 Выражение for-await-of....282 От старых привычек к новым....283 Используйте асинхронные функции и await вместо явных промисов и then/catch....283 10. Шаблоны, помеченные функции и новые возможности строк....284 Шаблонные литералы....284 Базовая функциональность (Непомеченные шаблонные литералы)....285 Помеченные шаблонные функции (Помеченные шаблонные литералы)....287 Метод String.raw....292 Повторное использование шаблонных литералов....294 Шаблонные литералы и автоматическая вставка точки с запятой....294 Улучшенная поддержка Юникода....294 Юникод, а что такое строка JavaScript?....295 Экранирующая последовательность кодовой точки....297 Метод String.fromCodePoint....297 Метод String.prototype.codePointAt....297 Метод String.prototype.normalize....298 Итерация....300 Новые строковые методы....301 Метод String.prototype.repeat....301 Методы String.prototype.startsWith и String.prototype.endsWith....302 Метод String.prototype.includes....303 Методы String.prototype.padStart и String.prototype.padEnd....303 Методы String.prototype.trimStart и String.prototype.trimEnd....304 Обновления методов match, split, search и replace....304 От старых привычек к новым....306 Используйте шаблонные литералы вместо конкатенации строк (где это уместно)....306 Используйте помеченные функции и шаблонные литералы для DSL вместо пользовательских механизмов заполнения....307 Используйте строковые итераторы....307 11. Массивы....308 Новые методы массивов....308 Метод Array.of....308 Метод Array.from....309 Метод Array.prototype.keys....312 Метод Array.prototype.values....313 Метод Array.prototype.entries....314 Метод Array.prototype.copyWithin....315 Метод Array.prototype.find....318 Метод Array.prototype.findIndex....319 Метод Array.prototype.fill....319 Общая ловушка Pitfall: Использование объекта в качестве значения заполнения....320 Метод Array.prototype.includes....321 Метод Array.prototype.flat....321 Метод Array.prototype.flatMap....323 Итерация, расширение, деструктуризация....323 Стабильная сортировка массива....323 Типизированные массивы....324 Краткий обзор....324 Основное использование....327 Подробнее о преобразовании значений....328 Объект ArrayBuffer: Хранилище для типизированных массивов....330 Порядковый номер (Порядок байтов)....333 Вид DataView: Необработанный доступ к буферу....334 Совместное использование ArrayBuffer массивами....336 Совместное использование без перекрытия....336 Совместное использование с перекрытием....337 Подклассы типизированных массивов....338 Методы типизированного массива....338 Стандартные методы массива....338 Метод %TypedArray%.prototype.set....340 Метод %TypedArray%.prototype.subarray....340 От старых привычек к новым....341 Используйте find и findIndex для поиска в массивах вместо циклов (где это уместно)....341 Используйте для заполнения массивов Array.fill, а не циклы....341 Используйте readAsArrayBuffer вместо readAsBinaryString....342 12. Карты и множества....343 Коллекции Map или карты....343 Основные операции с картой....344 Равенство ключей....346 Создание карт из итерируемых....347 Итерация содержимого карты....348 Создание подклассов для карты....350 Производительность....351 Множества....351 Основные операции с множеством....352 Создание множеств из итерируемых....353 Итерация содержимого множества....353 Создание подклассов для множества....355 Производительность....355 Слабые карты (WeakMap)....356 Слабые карты не итерируемые....356 Варианты использования и примеры....356 Вариант использования: Закрытая информация....357 Вариант использования: Хранение информации для объектов, находящихся вне вашего контроля....358 Значения, ссылающиеся на ключ....360 Слабые множества (WeakSet)....365 Вариант использования: Отслеживание....366 Вариант использования: Маркировка....367 От старых привычек к новым....368 Используйте карты вместо объектов для карт общего назначения....368 Используйте множества вместо объектов для множеств....368 Используйте слабые карты для хранения личных данных вместо публичных свойств....369 13. Модули....371 Введение в модули....371 Основы модулей....372 Спецификатор модуля....374 Базовый именованный экспорт....375 Экспорт по умолчанию....377 Использование модулей в браузерах....379 Скрипты модуля не задерживают синтаксический анализ....380 Атрибут nomodule....380 Спецификаторы модулей в Интернете....381 Использование модулей в Node.js....382 Спецификаторы модулей в Node.js....384 Node.js добавляет дополнительные возможности модулей....385 Переименование экспорта....385 Повторный экспорт экспорта из другого модуля....386 Переименование импорта....387 Импорт объекта пространства имен модуля....388 Экспорт объекта пространства имен другого модуля....389 Импорт модуля только из-за побочных эффектов....390 Импорт и экспорт записей....390 Импорт записей....390 Экспорт записей....391 Импорт в режиме реального времени и доступности только для чтения....393 Экземпляры модуля зависят от базы realm....396 Как загружаются модули....396 Получение и синтаксический анализ....398 Создание экземпляра....401 Выполнение....402 Обзор временной мертвой зоны (TDZ)....402 Циклические зависимости и TDZ....403 Обзор синтаксиса импорта/экспорта....404 Разновидности экспорта....404 Разновидности импорта....406 Динамический импорт....407 Динамический импорт модуля....407 Пример динамического модуля....409 Динамический импорт в немодульных скриптах....412 Встряхивание дерева....414 Бандлинг (Объединение)....416 Метаданные импорта....416 Модули воркеров....417 Загрузка веб-воркера в качестве модуля....417 Загрузка воркера Node.js в качестве модуля....418 Воркер находится в собственной базе realm....418 От старых привычек к новым....419 Используйте модули вместо псевдо пространств имен....419 Используйте модули вместо обертывания кода в функции области видимости....420 Используйте модули, чтобы избежать создания мегалитических файлов кода....420 Конвертируйте CJS, AMD и другие модули в ESM....420 Не изобретайте велосипед, используйте хорошо обслуживаемый бандлер....420 14. Рефлексия - объекты Reflect и Proxy....421 Объект Reflect....421 Метод Reflect.apply....423 Метод Reflect.construct....423 Метод Reflect.ownKeys....425 Методы Reflect.get и Reflect.set....425 Другие функции Reflect....427 Объект Proxy....427 Пример: Регистрирующий прокси....431 Ловушки прокси....438 Общие возможности....438 Ловушка apply....439 Ловушка construct....439 Ловушка defineProperty....439 Ловушка deleteProperty....441 Ловушка get....442 Ловушка getOwnPropertyDescriptor....443 Ловушка getPrototypeOf....444 Ловушка has....445 Ловушка isExtensible....445 Ловушка ownKeys....445 Ловушка preventExtensions....446 Ловушка set....447 Ловушка setPrototypeOf....447 Пример: Скрытие свойств....448 Отключаемые прокси....452 От старых привычек к новым....452 Используйте прокси, а не полагайтесь на потребляющий код, чтобы не изменять объекты API....453 Используйте прокси для отделения кода реализации от инструментального кода....453 15. Обновления регулярных выражений....454 Свойство flags....454 Новые флаги....455 Липкий флаг (y)....455 Флаг Юникода (u)....456 Флаг «все точки» (s)....456 Именованные группы захвата....457 Основная функциональность....457 Обратные ссылки....461 Заменяющие токены....462 Утверждения ретроспективной проверки....462 Позитивная ретроспективная проверка....463 Негативная ретроспективная проверка....464 Жадность проявляется в принципе справа налево в ретроспективных проверках....464 Ссылки и нумерация групп захвата....465 Функциональные возможности Юникода....466 Экранирование кодовой точки....466 Экранирование свойства Юникода....467 От старых привычек к новым....471 Используйте липкий флаг (y) вместо создания подстрок и использования «^» при синтаксическом анализе....471 Используйте флаг «все точки» (s) вместо использования обходных путей для сопоставления всех символов (включая разрывы строк)....472 Используйте именованные группы захвата вместо анонимных....472 Используйте ретроспективные проверки вместо различных обходных путей....473 Используйте экранирование кодовой точки вместо суррогатных пар в регулярных выражениях....473 Используйте шаблоны Юникода вместо обходных путей....473 16. Совместно используемая память....474 Введение....474 Здесь водятся драконы!....475 Поддержка браузера....476 Основы совместно используемой памяти....477 Критические секции, блокировки и условные переменные....478 Создание совместно используемой памяти....479 Совместно используется память, но не объекты....484 Условия гонки, вышедшие из строя хранилища, устаревшие значения, значения с разрывами, тиринг и многое другое....485 Объект Atomics....487 Низкоуровневые возможности объекта Atomics....490 Использование Atomics для приостановки и возобновления потоков....492 Пример совместно используемой памяти....493 Здесь водятся драконы! (Снова)....514 От старых привычек к новым....520 Используйте совместно используемые блоки вместо многократного обмена большими блоками данных....520 Используйте Atomics.wait и Atomics.notify вместо разделения заданий воркеров для поддержки цикла событий (при необходимости)....520 17. Различные аспекты....521 Тип данных BigInt....521 Создание значения типа BigInt....523 Явное и неявное преобразование....524 Производительность....525 Массивы BigInt64Array и BigUint64Array....525 Служебные функции....525 Новые целочисленные литералы....526 Двоичные целочисленные литералы....526 Восьмеричные целочисленные литералы, попытка № 2....527 Новые математические методы....528 Общие математические функции....528 Поддержка низкоуровневых математических функций....529 Оператор возведения в степень (**)....529 Изменения в Date.prototype.toString....531 Изменения в Function.prototype.toString....532 Дополнения конструктора Number....532 «Безопасные» целые числа....532 Константы Number.MAX_SAFE_INTEGER и Number.MIN_SAFE_INTEGER....533 Метод Number.isSafeInteger....534 Метод Number.isInteger....534 Методы Number.isFinite и Number.isNaN....534 Методы Number.parseInt и Number.parseFloat....535 Свойство Number.EPSILON....535 Символ Symbol.isConcatSpreadable....535 Различные хитрости синтаксиса....536 Оператор нулевого слияния....537 Опциональная цепочка....537 Необязательные привязки catch....540 Разрывы строк Юникода в JSON....540 Правильно сформированный JSON из метода JSON.stringify....540 Различные стандартные библиотеки/глобальные дополнения....541 Метод Symbol.hasInstance....541 Свойство Symbol.unscopables....541 Объект globalThis....543 Свойство description символа....543 Метод String.prototype.matchAll....544 Приложение Б: Возможности, доступные только для браузера....544 HTML-подобные комментарии....545 Хитрости регулярного выражения....546 Расширение управляющего символа экранирования (\cX)....546 Допуск недопустимых последовательностей....547 Метод RegExp.prototype.compile....547 Дополнительные встроенные свойства....547 Дополнительные свойства объекта....548 Дополнительные строковые методы....549 Различные фрагменты свободного или неясного синтаксиса....549 Когда же document.all есть… или нет?....551 Оптимизация хвостового вызова....552 От старых привычек к новым....555 Используйте двоичные литералы....555 Используйте новые математические функции вместо различных математических обходных путей....556 Используйте оператор нулевого слияния для значений по умолчанию....556 Используйте опциональную цепочку вместо проверок....556 Уберите привязку ошибки (e) из “catch (e)”, если она не используется....556 Используйте оператор возведения в степень (**) вместо метода Math.pow....557 18. Грядущие функциональные возможности класса....558 Публичные и приватные поля класса, методы и акцессоры....558 Определения публичного поля (свойства)....559 Приватные поля....565 Приватные методы и акцессоры экземпляра....572 Приватные методы....572 Приватные акцессоры....577 Публичные статические поля, приватные статические поля и приватные статические методы....578 Публичные статические поля....578 Приватные статические поля....579 Приватные статические методы....579 От старых привычек к новым....580 Используйте определения свойств вместо создания свойств в конструкторе (где это уместно)....580 Используйте приватные поля вместо префиксов (где это уместно)....581 Используйте приватные методы вместо функций вне класса для приватных операций....581 19. Взгляд в будущее....584 Оператор await верхнего уровня....585 Обзор и примеры использования....585 Пример....587 Обработка ошибок....592 Слабые ссылки и обратные вызовы очистки....593 Слабые ссылки....594 Обратные вызовы очистки....597 Индексы соответствия RegExp....602 Метод String.prototype.replaceall....604 Выражение Atomics.asyncWait....605 Различные хитрости синтаксиса....606 Числовые разделители....606 Поддержка Hashbang....607 Осуждаемые устаревшие возможности RegExp....607 Спасибо, что прочитали!....608 Приложение. Фантастические возможности и где они обитают....609 Функциональные возможности в алфавитном порядке....609 Новые положения....615 Новый синтаксис, ключевые слова, операторы, циклы и тому подобное....616 Новые литеральные формы....618 Дополнения и изменения стандартной библиотеки....618 Прочее....621 Алфавитный указатель....622