ECMAScript и JavaScript это одно и то же или нет

ECMAScript и JavaScript это одно и то же или нет

Это частый вопрос, и ответ: они связаны, но не совсем одно и то же. Нужно понимать разницу между стандартом и реализацией.

Определение

ECMAScript - это стандарт (международный стандарт ISO/IEC 262), определяющий синтаксис, типы и функциональность языка скрипта.

JavaScript - это реализация ECMAScript стандарта, разработанная компанией Netscape в 1995 году. Это конкретный язык программирования, который следует стандарту ECMAScript.

Аналогия

ECMAScript - это как стандарт "ISO 26262" для электроники
JavaScript - это как конкретный чипсет, который реализует этот стандарт

или

ECMAScript - это как стандарт HTML
JavaScript - это как конкретный браузер (Chrome, Firefox), который реализует HTML

История

1995 - Brendan Eich создал JavaScript для браузера Netscape Navigator

1997 - JavaScript был стандартизирован как ECMAScript 1 (ES1)

1998-1999 - ES2 и ES3 (малые обновления)

2008 - Начало работы над ES4 (так и не вышел, слишком амбициозный)

2009 - ES5 - крупное обновление с strict mode, JSON, Array методы

2015 - ES6/ES2015 - революция! let/const, стрелочные функции, классы, промисы, модули

2016+ - ежегодные обновления (ES2016, ES2017, ES2018, ... ES2024)

Версии ECMAScript

// ES5 (2009) - базовый JavaScript
var x = 5;
var arr = [1, 2, 3];
arr.forEach(function(item) {
  console.log(item);
});

// ES6/ES2015 (2015) - революция
const x = 5;
const arr = [1, 2, 3];
arr.forEach((item) => {
  console.log(item);
});

class User {
  constructor(name) {
    this.name = name;
  }
}

const user = new User("John");

// ES2016 - Array.prototype.includes
[1, 2, 3].includes(2); // true

// ES2017 - async/await
async function fetchData() {
  const response = await fetch('/api/data');
  return response.json();
}

// ES2020 - Optional chaining, Nullish coalescing
const name = user?.profile?.name ?? 'Unknown';

// ES2021 - Logical assignment operators
let count = 0;
count ||= 10; // если count falsy, присвой 10

// ES2022 - Top-level await
await somePromise();

Как соотносятся термины

ECMAScript 1 (ES1) 1997
ECMAScript 2 (ES2) 1998
ECMAScript 3 (ES3) 1999
[пропуск - ES4 никогда не вышел]
ECMAScript 5 (ES5) 2009
ECMAScript 6 (ES6 = ES2015) 2015 <- Важный момент!
|
После 2015 появилась новая система нумерации:
ES2015 (ES6)
ES2016 (ES7)
ES2017 (ES8)
ES2018 (ES9)
ES2019 (ES10)
ES2020 (ES11)
ES2021 (ES12)
ES2022 (ES13)
ES2023 (ES14)
ES2024 (ES15)
и т.д.

Другие реализации ECMAScript

JavaScript - это не единственная реализация ECMAScript. Есть и другие:

// ActionScript (Flash) - реализация ECMAScript
// Но сейчас Flash мертв

// JScript (Internet Explorer) - реализация ECMAScript
// Но с багами и расхождениями со стандартом

// Node.js - это V8 движок (реализация ECMAScript)
// V8 - это движок JavaScript в Chrome

// Deno - альтернатива Node.js, использует V8 (реализация ECMAScript)

// TypeScript - надстройка над JavaScript/ECMAScript
// Не отдельная реализация, а расширение

Браузеры и стандарт

Каждый браузер реализует ECMAScript по-своему:

// V8 (Chrome, Edge, Node.js) - полная поддержка ES2024
// SpiderMonkey (Firefox) - полная поддержка ES2024
// JavaScriptCore (Safari) - почти полная поддержка
// Chakra (старый Edge) - была частичная поддержка

Но это не значит, что код будет выглядеть по-разному. Стандарт гарантирует, что:

// Этот код одинаково работает во всех браузерах
const arr = [1, 2, 3];
const doubled = arr.map(x => x * 2);
console.log(doubled); // [2, 4, 6]

Как долгой JavaScript разрабатывается

ECMAScript -> Стандарт (описание)
    ↓
Браузеры (V8, SpiderMonkey, etc) -> Реализуют стандарт
    ↓
Runtimey (Node.js, Deno, etc) -> Используют браузерные движки
    ↓
Разработчики -> Пишут на JavaScript

Практическое значение

Для разработчика это означает:

// Когда я говорю "JavaScript", я имею в виду код, написанный на этом языке
function hello() {
  console.log("Hello");
}

// Когда я говорю "ES6" или "ES2015", я имею в виду стандарт
const hello = () => console.log("Hello"); // ES6 синтаксис

// Когда я говорю "ECMAScript", я имею в виду стандарт
// "Я пишу код на JavaScript, который соответствует ECMAScript 2021"

Проверка поддержки версий

На сайте caniuse.com можно проверить поддержку в браузерах:

ES6 features:
- const/let - IE 11 не поддерживает
- стрелочные функции - IE 11 не поддерживает
- классы - IE не поддерживает

ES2020 features:
- Optional chaining (?.) - поддерживается в современных браузерах
- Nullish coalescing (??) - поддерживается в современных браузерах

ES2022 features:
- Top-level await - поддерживается в современных браузерах

Transpiling (преобразование кода)

Когда нужна поддержка старых браузеров, код преобразуют:

// Исходный код (ES6)
const greet = () => {
  return "Hello";
};

// После transpile-ра Babel (для IE 11)
var greet = function() {
  return "Hello";
};

Реальный пример

// Я пишу на JavaScript
const user = {
  name: "John",
  sayHello() {
    console.log(`Hello, I'm ${this.name}`);
  }
};

user.sayHello(); // "Hello, I'm John"

// Эта программа использует:
// - ECMAScript стандарт (синтаксис)
// - JavaScript язык (конкретная реализация)
// - ES6/ES2015 версию стандарта (шаблонные строки, методы в объектах)

Таблица терминов

Почему это важно знать на собеседовании

1. Показываешь понимание - разницу между стандартом и реализацией
2. Можешь объяснить - почему разные браузеры ведут себя по-разному
3. Знаешь историю - как развивался язык
4. Можешь выбрать - какие фичи использовать в зависимости от целевых браузеров

Вывод

ECMAScript - это международный стандарт (ISO/IEC 262), который определяет синтаксис и функциональность.

JavaScript - это конкретный язык программирования, который реализует этот стандарт.

Аналогия:

• ECMAScript = как стандарт UTF-8
• JavaScript = как конкретный текстовый файл в кодировке UTF-8

Он всегда используют вместе: "Я пишу на JavaScript, используя ES2022 стандарт".