freeCodeCamp/guide/russian/javascript/es6/index.md

title, localeTitle

title	localeTitle
ES6	ES6

ES6

6-е издание ECMAScript называется ES6.

Он также известен как ES2015.

Изменения добавляют много синтаксического сахара, которые позволяют разработчикам создавать приложения в объектно-ориентированном стиле.

Пример ES5:

var User = function () { 
  function User(name) { 
    this._name = name; 
  } 
 
  User.prototype.getName = function getName(x) { 
    return 'Mr./Mrs. ' + this._name; 
  }; 
 
  return User; 
 }(); 

Пример ES6:

class User { 
  constructor(name) { 
    this._name = name 
  } 
 
  getName() { 
    return `Mr./Mrs. ${this._name}` 
  } 
 } 

Было введено множество новых синтаксических функций, включая:

• классы,
• модули,
• шаблонный,
• для / из петель,
• генераторные выражения,
• стрелки,
• коллекции,
• обещания.

В настоящее время большинство функций доступны во всех популярных браузерах. Таблица совместимости содержит всю информацию о доступности функций всех современных браузеров.

Часто появляются новые функции, которые являются частью преемника ES7. Обычный способ - перевести современный JavaScript (ES6, ES7 и другие экспериментальные предложения) на ES5. Это гарантирует, что и старые браузеры могут выполнять код. Существуют такие инструменты, как Babel, который преобразует новый JavaScript в ES5.

Помимо синтаксического сахара, поступающего из стандартов ECMAScript, существуют функции, требующие Polyfill . Обычно они необходимы, потому что к стандарту добавлены целые реализации класса / метода.