на основе какого языка возник язык ecmascript
ES6, ES8, ES2017: что такое ECMAScript и чем это отличается от JavaScript
Авторизуйтесь
ES6, ES8, ES2017: что такое ECMAScript и чем это отличается от JavaScript
Изучение JavaScript может сбить с толку по множеству причин, и одна из них — акронимы. Чтобы не дать сокращениям сбить вас с толку, в этой статье мы разберём их значения и историю возникновения.
Что такое ECMAScript?
Сначала немного истории. JavaScript создавался как скриптовый язык для Netscape. После чего он был отправлен в ECMA International для стандартизации (ECMA — это ассоциация, деятельность которой посвящена стандартизации информационных и коммуникационных технологий). Это привело к появлению нового языкового стандарта, известного как ECMAScript.
Последующие версии JavaScript уже были основаны на стандарте ECMAScript. Проще говоря, ECMAScript — стандарт, а JavaScript — самая популярная реализация этого стандарта.
Что такое ES? История версий
ES — это просто сокращение для ECMAScript. Каждое издание ECMAScript получает аббревиатуру ES с последующим его номером. Всего существует 8 версий ECMAScript. ES1 была выпущена в июне 1997 года, ES2 — в июне 1998 года, ES3 — в декабре 1999 года, а версия ES4 — так и не была принята. Не будем углубляться в эти версии, так как они морально устарели, а рассмотрим только последние четыре.
ES5 был выпущен в декабре 2009 года, спустя 10 лет после выхода третьего издания. Среди изменений можно отметить:
Версия ES6/ES2015 вышла в июне 2015 года. Это также принесло некую путаницу в связи с названием пакета, ведь ES6 и ES2015 — это одно и то же. С выходом этого пакета обновлений комитет принял решение перейти к ежегодным обновлениям. Поэтому издание было переименовано в ES2015, чтобы отражать год релиза. Последующие версии также называются в соответствии с годом их выпуска. В этом обновлении были сделаны следующие изменения:
ES2016 (ES7) вышла в июне 2016 года. Среди изменений в этой версии ECMAScript можно отметить:
Спустя еще год выходит версия ES2017 (ES8). Данный стандарт получил следующие изменения:
ECMAScript
Содержание
История
Семантика и синтаксис
Типы данных
Также в языке имеется «составной» тип данных [3] :
Помимо перечисленных шести типов данных в ECMAScript имеется поддержка ещё семи, используемых исключительно для хранения промежуточных результатов вычисляемых выражений:
Инструкции
В ECMAScript имеется пятнадцать различных видов инструкций, данные о которых представлены в таблице ниже:
| Название | Оригинальное название | Краткие сведения | Завершающая ; [Спецификация 7] |
|---|---|---|---|
| Блок | англ. Block | — | |
| Объявление переменной | англ. VariableStatement | var | + |
| Пустая инструкция | англ. EmptyStatement | ; | + |
| Выражение | англ. ExpressionStatement | [строка до ∉ <<, function>] инструкция | + |
| Условие | англ. IfStatement | if ( ) [ else ] | — |
| Цикл | англ. IterationStatement | do while ( ) while ( ) 1] | |
| Продолжение | англ. ContinueStatement | continue [ ] | + |
| Прерывание | англ. BreakStatement | break [ ] | + |
| Возврат | англ. ReturnStatement | return [ ] | + |
| Сочетание | англ. WithStatement | with ( ) | — |
| Метка | англ. LabelledStatement | : | — |
| Выбор | англ. SwitchStatement | switch ( ) case : [ ][ case : [ ] …] [default: [ ]] | — |
| Генерация исключения | англ. ThrowStatement | throw | + |
| Блок try | англ. TryStatement | try catch ( ) try finally try catch ( ) finally | — |
| (новое [Спецификация 8] ) Отладчик | англ. Debugger | debugger | — |
Автодополнение строк точками с запятой
Инструкции, меняющие смысл при использовании перевода строки внутри [Спецификация 7]
Пример изменения смысла инструкции
Блоки и область видимости
В данном участке кода имеет место повторное объявление переменной в выделенных строках:
Объявление переменных
При раскомментировании выделенной строки на экран будет выводиться не number, а undefined:
Ключевые и зарезервированные слова
Следующие слова являются ключевыми в языке и не могут быть использованы как идентификаторы [Спецификация 11] :
По сравнению с третьей редакцией спецификации [Спецификация 12] в пятой добавилось ключевое слово debugger с соответствующей инструкцией.
Следующие слова используются как ключевые слова в предложенных расширениях и поэтому являются зарезервированными для возможности адаптировать эти расширения [Спецификация 13] :
При использовании строгого режима следующие слова рассматриваются как зарезервированные для использования в будущем [Спецификация 13] :
Операторы
В ECMAScript имеются как операторы, использующие в качестве названий ключевые слова, так и операторы, использующие в качестве названий знаки препинания.
Классификация операторов
По убыванию приоритета операторы ECMAScript можно разбить в следующие группы:
По арности операторы ECMAScript делятся на следующие группы:
По положению знака операции относительно операндов операторы ECMAScript делятся на следующие группы:
Также операторы классифицируются по типу операндов [21] и по характеру осуществляемого действия.
Особенности операторов ECMAScript
Пример результатов работы == (во всех перечисленных случаях значением оператора === с теми же аргументами будет false ):
Функции
Задание функций
В ECMAScript имеется два типа функций:
В тексте программы именованную функцию в ECMAScript можно определить одним из следующих способов:
Наиболее существенной разницей между заданием функции с использованием объявления и заданием функции с помощью выражения является то, что в первом случае создание переменной и присваивание ей в качестве значения функции осуществляются до выполнения кода при входе в контекст исполнения. Во втором случае переменная получает значение инциализатора при выполнении оператора присваивания. При создании же переменной, осуществляемом при входе в контекст исполнения, она инициализируется значением undefined [Спецификация 20] [28] (подробнее см. в разделе Объявление переменных).
Пример, иллюстрирующий разницу в порядке выполнения кода:
Присваивания функций
Поскольку функции в ECMAScript являются объектами, то есть относятся к ссылочному типу данных, идентификаторы функций являются переменными, хранящими ссылку на функцию. Проиллюстрировать это можно следующим кодом:
Перегрузка функций
В ECMAScript перегрузка функций не относится к свойствам языка, а её эффект обеспечивается за счёт использования других механизмов.
Пример, показывающий отсутствие перегрузки функций:
Тем не менее, эффект перегрузки функций достижим.
Рекурсия
Пример рекурсивного вычисления факториала:
Функции обратного вызова
Пример функции, возвращающей сумму от результатов выполнения переданной функции над аргументами:
Замыкания
Механизм замыканий может использоваться для ограничения видимости переменных автономного участка программы с тем, чтобы не возникали конфликты имён при совместном с другим кодом использовании. Для этого код помещается в анонимную функцию, снабжаемую оператором вызова функции.
При этом определённые в участке программы функции становятся вложенными по отношению к добавленной анонимной функции и в них возможно осуществление доступа к локальным переменным анонимной функции (которые до её введения были глобальными). Однако извне анонимной функции доступ к ним осуществить нельзя: результат выполнения функции игнорируется.
Замыкания используются не только для запрещения доступа к ряду переменных, но и к модификации такого доступа. Это достигается с помощью функций, возвращающих другие функции. Пример функции-генератора последовательных чисел:
Пример создания объекта, позволяющего осуществить доступ к свойству исключительно с помощью своих методов [36] :
Регулярные выражения
Синтаксис и функциональность регулярных выражений в ECMAScript сформировались под влиянием Perl 5 [Спецификация 22] и допускают два вида синтаксиса: литеральный и объектный.
В первом случае шаблон ( pattern ) и флаги ( flags ) указываются явно, не сопровождаясь дополнительными избыточными синтаксическими знаками: их разделителями служат слеши. Во втором случае шаблон и флаги должны представлять собой переменные, содержащие строковые значения, либо непосредственно строковые значения. Литеральная форма записи предпочтительнее тем, что не требует двойного [
В качестве флагов в ECMAScript могут использоваться следующие символы:
| Флаг | Описание |
|---|---|
| g | глобальный режим: шаблон применяется ко всем соответствиям в строке, работа регулярного выражения не останавливается после первого найденного соответствия шаблону |
| i | игнорирование регистра: при поиске соответствий регистр символов шаблона и строки игнорируются |
| m | многострочный режим: строка, содержащая символы перевода строки, трактуется как несколько строк, разделённых символами перевода строки; работа регулярного выражения осуществляется во всех строках |
Каждое регулярное выражение представляет собой объект со следующими свойствами:
| Свойство | Тип | Описание |
|---|---|---|
| global | логический | показывает, установлен ли флаг g |
| ignoreCase | логический | показывает, установлен ли флаг i |
| multiline | логический | показывает, установлен ли флаг m |
| lastIndex | числовой | соответствует номеру позиции в строке, в которой обнаружилось совпадение с шаблоном в результате предыдущего применения регулярного выражения или 0, если регулярное выражение ранее не применялось |
| source | строковый | строка, соответствующая шаблону регулярного выражения |
Кроме того, для регулярных выражений определены следующие методы:
Объекты
Реализация в языке
| Название | Описание |
|---|---|
| ReadOnly | Свойство является свойством только для чтения. Попытка поменять значение этого свойства, предпринятая в программе, останется безрезультатной. В некоторых случаях значение свойства с установленным атрибутом ReadOnly меняется в силу действий среды расширения языка, поэтому ReadOnly не следует понимать как неизменное |
| DontEnum | Свойство не перечисляется циклом for-in |
| DontDelete | Попытки удалить это свойство будут проигнорированы |
| Internal | Свойство является внутренним. Оно не имеет названия и к нему нельзя получить доступ с помощью аксессоров. Доступ к этим свойствам определяется реализацией языка. |
Синтаксис
Каждый объект в языке имеет следующие свойства:
Доступ к свойствам объекта осуществляется использованием точечной и скобочной записи:
Задание новых свойств может осуществляться динамически.
Подходы к созданию объектов
В языке нет классов, однако их можно эмулировать за счёт использования конструкторов. Пример эмуляции класса в ECMAScript:
Особенности наследования в ECMAScript
О возможностях, предоставляемых языком для организации наследования можно судить, например, по приводимому [43] Стояном Стефановым списку из двенадцати разных способов организации наследования.
ECMAScript (или же ES) [1] это язык программирования общего назначения, стандартизированный Ecma International согласно документу ECMA-262. Это JavaScript стандарт, предназначенный для обеспечения взаимодействия веб-страниц в разных веб-браузерах. [2] ECMAScript обычно используется для клиентские сценарии на Всемирная паутина, и он все чаще используется для написания серверных приложений и служб с использованием Node.js.
Содержание
ECMAScript, ECMA-262 и JavaScript
С другой стороны, JavaScript можно рассматривать как «диалект» ECMAScript. Он соответствует спецификации ECMAScript, а также предоставляет дополнительные функции, не описанные в спецификации.
История
И JavaScript, и JScript соответствуют спецификации ECMAScript, а также предоставляют дополнительные функции, не описанные в спецификации. [8] [9]
Версии
Опубликованы одиннадцать выпусков ECMA-262. Работа над версией 11 стандарта была завершена в июне 2020 года. [10]
В июне 2004 года Ecma International опубликовала стандарт ECMA-357, определяющий расширение ECMAScript, известное как ECMAScript для XML (E4X). Ecma также определила «компактный профиль» для ECMAScript, известный как ES-CP или ECMA 327, который был разработан для устройств с ограниченными ресурсами, который был отозван в 2015 году. [17]
4-е издание (заброшено)
Предлагаемое четвертое издание ECMA-262 (ECMAScript 4 или ES4) был бы первым крупным обновлением ECMAScript с тех пор, как в 1999 г. было опубликовано третье издание. Первоначально планировалось завершить разработку спецификации (вместе со справочной реализацией) к октябрю 2008 г. [18] Первый проект датирован февралем 1999 г. [19] Обзор языка был выпущен рабочей группой 23 октября 2007 г. [20]
К августу 2008 года предложение 4-й редакции ECMAScript было преобразовано в проект под кодовым названием ECMAScript Harmony. В то время обсуждались следующие функции Harmony:
Помимо введения новых функций, в версии 4 предлагалось исправить некоторые ошибки ES3. [21] [22] Эти и другие исправления, а также поддержка JSON кодирование / декодирование, были включены в спецификацию ECMAScript, 5th Edition. [23]
5-е издание
Yahoo, Microsoft, Google и другие несогласные с четвертым изданием сформировали свой собственный подкомитет для разработки менее амбициозного обновления ECMAScript 3, предварительно названного ECMAScript 3.1. В этом выпуске основное внимание будет уделено обновлениям безопасности и библиотек с большим упором на совместимость. После вышеупомянутого публичного спарринга команды ECMAScript 3.1 и ECMAScript 4 пришли к компромиссу: над двумя редакциями будут работать параллельно, при координации между командами, чтобы гарантировать, что ECMAScript 3.1 останется строгим подмножеством ECMAScript 4 как в семантике, так и в синтаксис.
Однако различия в философии в каждой команде приводили к неоднократным нарушениям правила подмножества, и оставалось сомнительным, что несогласные с ECMAScript 4 когда-либо будут поддерживать или реализовывать ECMAScript 4 в будущем. Спустя более года после разногласий по поводу будущего ECMAScript в Техническом комитете Ecma 39, две команды достигли нового компромисса в июле 2008 года: Брендан Эйх объявила, что Ecma TC39 сосредоточит свою работу на проекте ECMAScript 3.1 (позже переименованном в ECMAScript, 5-е издание) при полном сотрудничестве всех сторон, а к началу 2009 года поставщики нацелятся на как минимум две совместимые реализации. [28] [29] В апреле 2009 года Ecma TC39 опубликовала «окончательный» вариант 5-го издания и объявила, что тестирование совместимых реализаций должно быть завершено к середине июля. [30] 3 декабря 2009 г. вышло в свет 5-е издание ECMA-262. [31]
Оператор распространения позволяет легко копировать свойства объекта, как показано ниже.
Array.sort теперь гарантированно стабильна, что означает, что элементы с одинаковым приоритетом сортировки будут появляться в том же порядке в отсортированном массиве. Array.prototype.flat (глубина = 1) выравнивает массив до указанной глубины, что означает, что все элементы подмассива (до указанной глубины) рекурсивно объединяются.
11-е издание, официально известное как ECMAScript 2020, было опубликовано в июне 2020 года. [10] Помимо новых функций, эта версия включает BigInt примитивный тип для целых чисел произвольного размера, оператор объединения с нулевым значением, а globalThis объект. [10]
Необязательное объединение в цепочку позволяет получить доступ к вложенным узлам в объекте без проверки И на каждом уровне.
ES.Next
Функции
Императивный и структурированный
Слабо типизированный
Динамический
ECMAScript динамически типизирован. Таким образом, тип связан со значением, а не выражением. ECMAScript поддерживает различные способы проверки типа объектов, включая утка печатать. [41]
Транспилирование
Соответствие
ES6 (ES2015) и выше: Общие сведения о версиях JavaScript
Дата публикации: 2018-06-21
От автора: по мере эволюции языков программирования развитие JavaScript в последние несколько лет было безумным. Теперь каждый год выходит новая версия спецификации ECMAScript, и легко запутаться в версиях JavaScript, какая версия поддерживает то, и как вы можете защитить свой код в будущем.
Чтобы лучше понять, как и почему за этим, казалось бы, постоянным потоком новых функций, давайте кратко рассмотрим историю JavaScript ES6 и других его версий, а также выясним, почему процесс стандартизации так важен.
Ранняя история JavaScript-версий
Прототип JavaScript был написан всего за десять дней в мае 1995 года Бренданом Эйхом. Первоначально он был завербован для внедрения среды выполнения Scheme для Netscape Navigator, но команда управления настояла на языке C-стиля, который будет дополнять недавно выпущенную Java.
JavaScript дебютировал в версии 2 Netscape Navigator в декабре 1995 года. В следующем году Microsoft провела реверс инжиниринг JavaScript для создания собственной версии, назвав его JScript. JScript поставляется с версией 3 браузера Internet Explorer и почти идентичен JavaScript — даже включая все те же ошибки и причуды — но у него были некоторые дополнительные возможности Internet Explorer.
Рождение ECMAScript
Необходимость обеспечения того, чтобы JScript (и любые другие варианты) оставались совместимыми с JavaScript, мотивировала Netscape и Sun Microsystems к стандартизации языка. Они сделали это с помощью Европейской ассоциации производителей компьютеров, которая принимает стандарты. Стандартизованный язык назывался ECMAScript, чтобы не нарушать товарный знак Sun’s Java — шаг, вызвавший путаницу. В конечном итоге ECMAScript использовался для обозначения спецификации, и JavaScript был (и до сих пор) использован для обозначения самого языка.
JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения
Рабочая группа по управлению версиями JavaScript и поддержанию ECMAScript известна как Технический комитет 39 или TC39. В его состав входят представители всех крупных поставщиков браузеров, таких как Apple, Google, Microsoft и Mozilla, а также приглашенные эксперты и делегаты из других компаний, заинтересованных в развитии Интернета. Они проводят регулярные встречи, чтобы определить, как будет развиваться язык.
Когда JavaScript был стандартизован TC39 в 1997 году, спецификация была известна как ECMAScript версии 1. Последующие версии ECMAScript были изначально выпущены на ежегодной основе, но в конечном итоге стали спорадическими из-за отсутствия консенсуса и неуправляемо большого набора функций, окружающего ECMAScript 4. Таким образом, эта версия была прервана и сокращена до 3.1, но не была доработана под этим прозвищем, а в конечном итоге превратилась в ECMAScript 5. Это было выпущено в декабре 2009 года, через 10 лет после ECMAScript 3, и представила API-интерфейс сериализации JSON, Function.prototype. bind и строгий режим, среди других возможностей. Спустя два года был выпущен релиз технического обслуживания для уточнения некоторой неоднозначности последней итерации 5.1.
ECMAScript 2015 и возрождение ежегодных релизов
С разрешением разногласий TC39, вытекающих из ECMAScript 4, Брендан Эйч подчеркнул необходимость в ближайших меньших релизах. Первой из этих новых спецификаций был ES2015 (первоначально называвшийся ECMAScript 6 или ES6). Это издание было большой, но необходимой основой для поддержки будущего, годового управления версиями JavaScript. Он включает в себя множество функций, которые сегодня любят многие разработчики, такие как:
Генераторы и итераторы
ES2015 был первым предложением следовать процессу TC39, основанной на предложениях модели для обсуждения и принятия элементов.
Процесс TC39
Есть пять этапов, через которые должно пройти предложение, прежде чем оно может быть принято в предстоящую версию ECMAScript.
Этап 0: Strawman
Это удобный шаг, позволяющий представить идеи спецификации. Возможности могут предлагаться кем угодно, а именно членами TC39 и нечленом, зарегистрировавшимся в качестве участника.
Этап 1: Предложение
Первый этап, на котором формализуется предложение. Необходимо, чтобы:
Были описаны все существующие проблемы, исправленные решением
Был предоставлен контур API, наряду с деталями реализации высокого уровня, а также полифилами и / или демонстрационными версиями
потенциальные препятствия обсуждаются заранее.
Чтобы принять и продвинуть предложение, необходимо выбрать чемпиона. Этот человек должен быть членом TC39.
Этап 2: Черновик
Это веха, в которой функция, вероятно, будет включена в будущую версию ECMAScript. Здесь синтаксис и семантика предложения подробно описываются с использованием формального языка, описанного в спецификации. На данный момент должна быть представлена экспериментальная реализация.
Этап 3: Кандидат
Здесь большая часть предложения и технология поддержки были разработаны, но для этого требуется дополнительная обратная связь от пользователей и разработчиков (таких как поставщики браузеров). После того, как это доступно и будет действовать, детали спецификации завершаются и подписываются назначенными рецензентами и назначенным редактором. Поскольку на данном этапе требуется соответствующая реализация, впредь принимаются только критические изменения.
Этап 4: закончен
Это предложение было принято и может быть добавлено в ECMAScript. Поэтому присуще:
приемочные испытания, которые являются частью набора Test262 и созданы с использованием JavaScript, были написаны для подтверждения соответствия и поведения функции
доступны, по крайней мере, две совместимые реализации и отправлены, все из которых демонстрируют надежность и удобство использования
JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения
pull запрос был отправлен на официальный репозиторий ECMA-262 и был подписан редактором спецификаций.
В приведенном выше документе вклада репозитория подробно описывается использование проблем GitHub и pull запрос на управление дополнениями к языку.
Движение вперед
После завершения ES2015 и создания TC39-процесса по версированию и обновлению JavaScript последующие выпуски проходили каждый июнь с включением предложений, которые были отведены на один год. На момент написания статьи было три новые спецификации.
ES2016
Также известный как ES7, это была первая меньшая, инкрементная версия ECMAScript. Помимо исправлений ошибок, он добавил только две функции.
Array.prototype.includes
Этот метод экземпляра упрощает поиск значений в Array: