popov . dev

Main

Library

Articles

Версии JavaScrip...

Версии JavaScript: ES6 и более ранние

Вы когда-нибудь слышали о термине ES6 и задавались вопросом, что это такое? Эта статья познакомит вас с ES6 и его предшественниками! Возможно, вы слышали про термин ES6 или JavaScript ES6 и задавались вопросом, что он на самом деле означает. В этом материале мы рассмотрим ECMAScript, его отношение к JavaScript и изучим его историю с момента появления.

Сначала давайте немного поговорим об истории. JavaScript был представлен в 1995 году компанией Netscape Communications в качестве языка сценариев для веб-дизайнеров и программистов для взаимодействия с веб-страницами. В следующем году Netscape представила JavaScript в организацию по разработке стандартов под названием Ecma International для создания стандартов для языка сценариев (разновидности языка программирования). В 1997 году Ecma International выпустила ECMA-262, который устанавливает стандарты для первой версии языка сценариев под названием ECMAScript, сокращенно ES.

Эти новые стандарты ECMAScript определили правила для архитектуры функций JavaScript. По мере появления новых парадигм программирования и поиска разработчиками новых функций новые версии ECMAScript обеспечивали основу для согласованности между новыми и старыми версиями JavaScript.

Чтобы полностью понять разницу между JavaScript и ECMAScript: если вы хотите создать приложение или программу, вы можете использовать JavaScript — если вы хотите создать новый язык сценариев, вы можете следовать рекомендациям ECMAScript. Тем самым ES6 или JavaScript ES6 означает, что версия JavaScript соответствует спецификациям шестого издания ECMAScript! Вы также можете увидеть ES2015 вместо ES6, но обе терминологии относятся к одному и тому же 6-му изданию ECMAScript, выпущенному в 2015 году. Взгляните на таблицу ниже, чтобы увидеть, как развивался JavaScript на протяжении многих лет:

Год Событие
1994 Был выпущен браузер NetScape
1995 Microsoft выпускает Internet Explorer;\nБрендан Эйх разработал JavaScript для NetScape;\n
1996 Был разработан браузер Opera
1997 Разработан первый стандарт ECMAScript
1998 Доработан и улучшен стандарт ECMAScript (ES2);\nРазработан браузер Mozilla Firefox
1999 Появление ES3 с регулярными выражениями и обработкой исключений (try-catch)
С 2000 по 2008 Релиз ES4 был отменен из-за разногласий во мнениях разработчиков. В это время активно развиваются Safari, Firefox, Google Chrome. Веб языки становятся более продвинутыми после представления публике HTML5
2009 Выпуск Node.JS позволил запускать код вне браузера; ES5 усовершенствован со strict mode, поддержка JSON и добавлено много методов для работы с объектами и массивами
2010 Появление фреймворка Angular, мода на объектно-ориентированное программирование и скорость разработки
2011 ES5.1 и поддержка стандарта во всех современных браузерах
2013 React.JS с моделью функциональное программирование;\nвыпущен Electron.js, возможности разрабатывать десктопные приложения с применением веб технологий
2014 Vue.js, ускорение процесса разработки
2015 ES6, стандарт добавляет const, let, параметры по умолчанию и дополнительные методы работы с массивами
2016 ES7 привносит экспоненциальный оператор и Array.prototype.includes
2017 ES8, заполнение строк, новые методы для объектов, асинхронные функции и разделяемая память
2018 ES9 (ES2018) асинхронные итераторы, spread и rest операторы для объектов, Promise.prototype.finally() и улучшение регулярных выражений

Теперь, возможно, вы спросите, что делает обновление 2015 года все еще актуальным сегодня, когда есть более свежие версии ES7 и ES8? Несмотря на выпуск новых версий, ES6 на самом деле является крупнейшим обновлением ECMAScript с момента выхода первой версии в 1997 году! Некоторые разработчики даже называют ES6 современным JavaScript из-за всех основных дополнений. Было добавлено много прекрасных функций, помогающих разработчикам JavaScript в разработке:

  1. новые ключевые слова, такие как let и const, для объявления переменных
  2. новый синтаксис функции с использованием Arrow функций
  3. создание классов
  4. параметры со значениями по умолчанию
  5. promise для асинхронных действий

Современные браузеры теперь поддерживают большинство функций ES6, которые позволяют разработчикам использовать преимущества этих новых дополнений. ES6 в конечном итоге позволяет программистам экономить время и писать более лаконичный код. Возьмем, к примеру, синтаксис функциональных выражений, существовавший до ES6:

var greeting = function() {
    console.log('Hello World!');  
};

С помощью Arrow функций в ES6 мы можем преобразовать приведенное выше выражение в:

const greeting = () => console.log('Hello World');

Однако Arrow функции - это не просто синтаксическая переработка. Как и в случае с другими функциями ES6, здесь есть и другие преимущества и компромиссы, которые следует учитывать. Тем не менее, ES6 получила широкое распространение в сообществе разработчиков. Такие преимущества, как новый синтаксис ES6, упрощают использование популярной парадигмы программирования, объектно-ориентированного программирования (ООП). Благодаря этому изменению разработчики на других языках, которые привыкли к ООП, могут более плавно переходить к изучению и использованию JavaScript. Еще одна причина популярности ES6 связана с использованием ES6 в популярных фреймворках, таких как React. Итак, если вы хотите изучить новейшие инструменты и фреймворки, то вам в процессе придется освоить ES6.

При этом мы не должны пренебрегать устаревшим кодом, то есть старыми версиями JavaScript. На самом деле, все еще существует множество проектов, которые создаются и поддерживаются с использованием устаревшего кода! Если вы хотите иметь возможность и свободу работать над любыми проектами на JavaScript, вам следует ознакомиться с синтаксисом JavaScript ES6 и его предшествующих версий. По сути дела, все зависит от конкретного проекта и его среды запуска. Проверяйте на совместимость свой код с вероятной средой исполнения.

Comments

In order to leave your opinion, you need to register on the website