[Перевод] Обзор ES6 в 350 пунктах. Часть вторая13.11.2015 09:48

вчера в 20:41

Моя серия заметок ES6 in Depth, состоящая из 24 записей, описывает большинство синтаксических изменений и нововведений в ES6. В этой публикации я подведу итог всего изложенного в предыдущих статьях, чтобы дать возможность посмотреть еще раз на всё вместе.

Содержание

Введение
Инструментарий
Assignment Destructing
Spread Operator и Rest Parameters
Стрелочные функции
Шаблонные строки
Литералы объектов
Классы
Let и Const
Символы
Итераторы
Генераторы
Промисы
Maps
WeakMaps
Sets
WeakSets
Прокси
Reflection
Number
Math
Array
Object
Строки и Unicode
Модули

Часть первая: здесь.

Символы

Новый примитивный тип данных в ES6.
Можно создавать собственные символы: var symbol = Symbol()
Можно добавить описание для нужд отладки Symbol('ponyfoo')
Символы неизменяемы и уникальны: Symbol(), Symbol(), Symbol('foo') и Symbol('foo') — все разные.
Тип символов — symbol, так что typeof Symbol() === 'symbol' .
Можно создавать глобальные символы при помощи Symbol.for(key) .

Если символ с этим key существует, вызов его вернет.
Иначе будет создан новый символ с key в качестве описания.
Symbol.keyFor(symbol) — это обратная функция, принимающая symbol и возвращающая его key .
Глобальные символы глобальны, насколько это возможно, то есть абсолютно. Для доступа к символам используется единый глобальный регистр:
контекст window;
контекст eval;
контекст Symbol.for('foo') === iframe.contentWindow.Symbol.for('foo')</code> .</li> </ul><br /><ul><li>Также есть «широко известные» символы: </li> <li>не в глобальном регистре, доступный через <code>Symbol[name],</code> например <code>Symbol.iterator</code>; </li> <li>глобальный, в смысле <code>Symbol.iterator === iframe.contentWindow.Symbol.iterator</code>; </li> <li>используемый спецификациями для определения протоколов, таких как iterable protocol через <code>Symbol.iterator</code>; </li> <li>они не являются «широко известными» в общепринятом смысле.</li> <li>Итерировать по свойствам символов можно, это сложно и абсолютно не приватно.</li> <li>Символы скрыты для всех reflection-методов, предшествующих ES6.</li> <li>Символы доступны через <code>Object.getOwnPropertySymbols</code> .</li> <li>Вы не будете через них спотыкаться, но обязательно их найдете при активном поиске.</li> <li>Прочитайте ES6 Symbols in Depth.</li> </ul><p><strong>Итераторы</strong></p><ul><li>Итератор и iterable protocol определяют способ, с помощью которого будет происходить итерация по любому объекту, не только массивоподобному или массиву.</li> <li>«Широко известные» <code>Symbol</code> используются для назначения итератора любому объекту.</li> <li><code>var foo = { [Symbol.iterator]: iterable}</code>, или <code>foo[Symbol.iterator] = iterable</code> .</li> <li><code>iterable</code> является методом, возвращающим объект итератора, у которого есть метод <code>next</code> .</li> <li>Метод <code>next</code> возвращает объект с двумя свойствами: <code>value and done</code> .</li> <li>Свойство <code>value</code> указывает на текущее значение в последовательности, по которой происходит итерация.</li> <li>Свойство <code>done</code> указывает на наличие оставшихся элементов для итерации.</li> <li>Объекты, имеющие значение <code>[Symbol.iterator]</code>, доступны для итерации по ним, так как являются подписанными на iterable protocol.</li> <li>Некоторые встроенные штуки вроде <code>Array</code>, <code>String</code> или <code>arguments</code> (и <code>NodeList</code> в браузерах) по умолчанию доступны для итерации в ES6.</li> <li>Доступные для итерации объекты могут быть перебраны циклом <code>for..of</code>, так же как и <code>for (let el of document.querySelectorAll('a'))</code> .</li> <li>Доступные для итерации объекты могут быть созданы при помощи spread operator, например <code>[...document.querySelectorAll('a')]</code> .</li> <li>Также можно использовать <code>Array.from(document.querySelectorAll('a'))</code> с целью создания массива из доступной для итерации последовательности.</li> <li>Итераторы «ленивы», и те из них, которые создают бесконечный цикл, всё еще могут быть использованы в валидных программах.</li> <li>Будьте осторожны и не пытайтесь создать бесконечную последовательность при помощи… или <code>Array.from</code>, потому что это приведет к созданию бесконечного цикла.</li> <li>Прочитайте ES6 Iterators in Depth.</li> </ul><p><strong>Генераторы</strong></p><ul><li>Функции-генераторы — это особый вид итератора, который может быть объявлен при помощи синтаксиса <code>function* generator () {}.</code></li> <li>Функции-генераторы используют ключевое слово <code>yield</code>, чтобы возвращать элемент в последовательности.</li> <li>Функции-генераторы также могут использовать <code>yield*</code> для отсылки на другую функцию-генератор или любой доступный для итерации объект.</li> <li>Функции-генераторы возвращают объект генератора, который придерживается протоколов итератора и iterable.</li> <li>Дано <code>g = generator(), g</code> придерживается iterable-протокола, потому что <code>g[Symbol.iterator]</code> является методом.</li> <li>Дано <code>g = generator(), g</code> придерживается протокола итератора, потому что <code>g.next</code> является методом.</li> <li>Итератор для объекта генератора <code>g</code> — это сам генератор: <code>g[Symbol.iterator]() === g</code> .</li> <li>Можно получать значения при помощи <code>Array.from(g)</code>, <code>[...g], for (let item of g</code>) или просто вызвав <code>g.next()</code> .</li> <li>Выполнение функции-генератора приостанавливается с запоминанием при этом последнего значения в четырех различных случаях: </li> <li>выражение <code>yield</code> возвращает следующее значение в очереди; </li> <li>выражение <code>return</code> возвращает последнее значение в очереди; </li> <li>выражение <code>throw</code> полностью останавливает работу генератора; </li> <li>достижение конца функции-генератора сигнализирует <code>{ done: true }</code> .</li> <li>Как только очередь <code>g</code> закончилась, <code>g.next()</code> просто возвращает <code>{ done: true}</code>, и больше ничего не происходит.</li> <li>Очень просто писать асинхронный код в синхронном стиле.</li> <li>Используйте пользовательскую функцию-генератор.</li> <li>Пользовательский код останавливается на время выполнения асинхронных операций.</li> <li>Вызов <code>g.next()</code> возобновляет выполнение пользовательского кода.</li> <li>Прочитайте ES6 Generators in Depth.</li> </ul><p><strong>Промисы</strong></p><ul><li>Следуют спецификации Promises/A+, уже широко применяемой на практике задолго до того, как ES6 был стандартизирован (например bluebird).</li> <li>Промисы имеют древовидное поведение. Добавляйте ветви <code>p.then(handler)</code> и <code>p.catch(handler)</code> .</li> <li>Создавайте новые промисы <code>p</code> при помощи <code>new Promise((resolve, reject) => { /* resolver */ })</code> .</li> <li>Callback <code>resolve(value)</code> выполнит промис с указанным <code>value</code> .</li> <li>Callback <code>reject(reason)</code> отклонит выполнение промиса с ошибкой reason.</li> <li>Эти методы можно вызывать асинхронно, блокируя более глубокие ветви в дереве промисов.</li> <li>Каждый вызов <code>p.then</code> и <code>p.catch</code> создает еще один промис, который блокируется на время выполнения <code>p</code> .</li> <li>Промисы создаются в состоянии ожидания и могут быть разрешены, будучи выполненными или отклоненными.</li> <li>Промис можно разрешить только один раз. Он становится разрешенным и разблокирует более глубоко вложенные ветви.</li> <li>Можно прикрепить сколько угодно промисов к любому необходимому количеству ветвей.</li> <li>Каждая ветвь выполнит свой обработчик .<code>then</code> или <code>.catch</code>, но никогда не выполняет оба обработчика.</li> <li>Callback <code>.then</code> может выполнить преобразование результата предыдущей ветви, вернув значение.</li> <li>Callback <code>.then</code> может блокировать другой промис, вернув его.</li> <li><code>p.catch(fn).catch(fn)</code> не станет делать то, что вы хотите. Разве что вы хотите перехватывать ошибки в обработчике ошибок.</li> <li><code>Promise.resolve(value)</code> создает промис, разрешенный с указанным <code>value</code> .</li> <li><code>Promise.reject(reason)</code> создает промис, отклоненный с указанным <code>reason</code> .</li> <li><code>Promise.all(...promises)</code> создает промис, который разрешается, когда все промисы <code>...promises</code> выполнены или один из них отклонен.</li> <li><code>Promise.race(...promises)</code> создает промис, который разрешается, как только один из промисов <code>...promises</code> будет выполнен.</li> <li>Используйте Promisees — песочницу для визуализации промисов, чтобы понять механизм их работы еще лучше.</li> <li>Прочитайте ES6 Promises in Depth.</li> </ul><p><strong>Maps</strong></p><ul><li>Замена распространенного паттерна создания hash-map при помощи простых объектов JavaScript.</li> <li>Помогает избежать проблем с безопасностью при работе с пользовательскими ключами.</li> <li>Можно использовать произвольные значения в качестве ключей, даже DOM-элементы или функции.</li> <li><code>Map</code> придерживается iterable-протокола.</li> <li>Создавайте <code>map</code> при помощи <code>new Map()</code> .</li> <li>Инициализируйте <code>map</code> при помощи <code>iterable</code> вида <code>[[key1, value1], [key2, value2]]</code> в new <code>Map(iterable)</code> .</li> <li>Используйте <code>map.set(key, value)</code> для добавления элементов.</li> <li>Используйте <code>map.get(key)</code> для получения элементов.</li> <li>Проверяйте наличие <code>key</code> при помощи <code>map.has(key)</code> .</li> <li>Удаляйте элементы при помощи <code>map.delete(key)</code> .</li> <li>Итерировать по <code>map</code> можно при помощи <code>for (let [key, value] of map)</code>, the spread operator, <code>Array.from</code>, и т. д.</li> <li>Прочитайте ES6 Maps in Depth.</li> </ul><p><strong>WeakMaps</strong></p><ul><li>Похоже на <code>Map</code>, но не то же.</li> <li><code>WeakMap</code> не придерживается iterable протокола, так что у него нет таких методов перечисления, как <code>.forEach</code>, <code>.clear</code> и других, присутствующих в <code>Map</code> .</li> <li>Ключи <code>WeakMap</code> должны быть ссылками. Нельзя использовать данные типа symbol, number или string в качестве ключа.</li> <li>Элементы <code>WeakMap</code> с <code>key</code>, являющимся единственной ссылкой на переменную, подбираются сборщиком мусора.</li> <li>Из предыдущего пункта следует, что <code>WeakMap</code> — отличный способ хранения метаданных об объектах, которые всё еще используются.</li> <li>Вы избегаете утечек памяти без ручного учета ссылок — думайте о <code>WeakMap</code> как об <code>IDisposable</code> в .NET.</li> <li>Прочитайте ES6 WeakMaps in Depth.</li> </ul><p><strong>Sets</strong></p><ul><li>Похоже на <code>Map</code>, но не то же.</li> <li>В <code>Set</code> нет ключей, только значения.</li> <li><code>set.set(value)</code> выглядит не очень, так что вместо него есть <code>set.add(value)</code> .</li> <li>В Set не может быть двух одинаковых значений, потому что значения Set — это его ключи.</li> <li>Прочитайте ES6 Sets in Depth.</li> </ul><p><strong>WeakSets</strong></p><ul><li>Нечто среднее между <code>Set</code> и <code>WeakMap</code>.</li> <li><code>WeakSet</code> — это set, по которому нельзя итерировать и у которого нет методов перечисления.</li> <li>Ключи <code>WeakSet</code> должны быть ссылками.</li> <li><code>WeakSet</code> может быть использован как таблица метаданных, показывающая, является ли ссылка активной.</li> <li>Прочитайте ES6 WeakSets in Depth.</li> </ul><p><strong>Прокси</strong></p><ul><li>Создать прокси можно при помощи <code>new Proxy(target, handler)</code>, где <code>target</code> — это любой объект, а <code>handler</code> — это настройки.</li> <li>По умолчанию объект <code>proxy</code> ведет себя как ссылка на объект <code>target</code> .</li> <li>Обработчики определяют способ осуществления доступа к объекту <code>target</code> при помощи стандартной семантики доступа к свойствам объектов.</li> <li>Вы передаете ссылки в <code>proxy</code> и получаете полный контроль над способом общения с <code>target</code> .</li> <li>Обработчики (handlers) также известны как ловушки (traps) — эти термины взаимозаменяемы.</li> <li>Вы можете создавать отзываемые прокси при помощи <code>Proxy.revocable(target, handler)</code> .</li> <li>Этот метод вернет объект со свойствами <code>proxy</code> и <code>revoke</code> .</li> <li>Для удобства можно писать так: <code>var {proxy, revoke} = Proxy.revocable(target, handler)</code> .</li> <li>Можно настраивать <code>proxy</code> точно так же, как и при помощи <code>new Proxy(target, handler)</code> .</li> <li>После вызова <code>revoke() proxy</code> будет бросать исключение при любой операции, что очень удобно, когда вы не можете доверять пользователям вашего кода.</li> <li><code>get</code> — ловит <code>proxy.prop</code> и <code>proxy['prop']</code> .</li> <li><code>set</code> — ловит <code>proxy.prop = value и proxy['prop'] = value</code> .</li> <li><code>has</code> — ловит оператор <code>in</code> .</li> <li><code>deleteProperty</code> — ловит оператор <code>delete operator</code> .</li> <li><code>defineProperty</code> — ловит <code>Object.defineProperty</code> и декларативные альтернативы.</li> <li><code>enumerate</code> — ловит циклы <code>for..in</code> .</li> <li><code>ownKeys</code> — ловит <code>Object.keys</code> и подобные методы.</li> <li><code>apply</code> — ловит вызовы функций.</li> <li><code>construct</code> — ловит использование оператора <code>new</code> .</li> <li><code>getPrototypeOf</code> — ловит внутренние вызовы <code>[[GetPrototypeOf]]</code> .</li> <li><code>setPrototypeOf</code> — ловит вызовы <code>Object.setPrototypeOf.</code></li> <li><code>isExtensible</code> — ловит вызовы <code>Object.isExtensible</code> .</li> <li><code>preventExtensions</code> — ловит вызовы <code>Object.preventExtensions</code> .</li> <li><code>getOwnPropertyDescriptor</code> — ловит вызовы <code>Object.getOwnPropertyDescriptor</code> .</li> <li>Прочитайте ES6 Proxies in Depth.</li> <li>Прочитайте ES6 Proxy Traps in Depth.</li> <li>Прочитайте More ES6 Proxy Traps in Depth.</li> </ul><p><strong>Reflection</strong><br /></p><ul><li><code>Reflection</code> — новый статический встроенный элемент (вроде <code>Math</code>) в ES6.</li> <li>Методы <code>Reflection</code> являются чувствительными, например, Reflect.defineProperty возвращает boolean вместо того, чтобы бросить ошибку.</li> <li>Существует метод Reflection для каждого обработчика прокси, он показывает поведение обработчика по умолчанию.</li> <li>Забегая наперед, можно сказать, что новые методы reflection будут заменены в пространстве имен Reflection в том же ключе, что и Object.keys.</li> <li>Прочитайте ES6 Reflection in Depth.</li> </ul><p><strong><code>Number</code></strong></p><ul><li>Используйте префикс <code>0b</code> для бинарных литералов и <code>0o</code> — для восьмеричных чисел.</li> <li><code>Number.isNaN</code> и <code>Number.isFinite</code> работают так же, как и соответствующие глобальные методы, за исключением того, что не приводят вводные данные к типу <code>Number.</code></li> <li><code>Number.parseInt</code> и <code>Number.parseFloat</code> абсолютно идентичны соответствующим глобальным методам.</li> <li><code>Number.isInteger</code> проверят соответствие вводных данных типу <code>Number</code> — значение не должно иметь десятичной части.</li> <li><code>Number.EPSILON</code> помогает найти незначительные различия между двумя числами, например, между <code>0.1 + 0.2</code> и <code>0.3</code> .</li> <li><code>Number.MAX_SAFE_INTEGER</code> — самое большое целое число, которое может быть безопасно и точно представлено в JavaScript.</li> <li><code>Number.MIN_SAFE_INTEGER</code> — самое малое целое число, которое может быть безопасно и точно представлено в JavaScript.</li> <li><code>Number.isSafeInteger</code> проверяет, может ли число быть представлено безопасно и точно.</li> <li>Прочитайте ES6 Number Improvements in Depth.</li> </ul><p><strong><code>Math</code></strong></p><ul><li><code>Math.sign</code> — знак числа.</li> <li><code>Math.trunc</code> — целая часть числа.</li> <li><code>Math.cbrt</code> — кубический корень значения <code>∛‾value</code> .</li> <li><code>Math.expm1</code> — экспонента значения — <code>1</code>, или evalue — 1.</li> <li><code>Math.log1p</code> — натуральный логарифм значения <code>+ 1,</code> или <code>ln(value + 1)</code> .</li> <li><code>Math.log10</code> — десятичный логарифм значения, или <code><sub>log10</sub> (value)</code> .</li> <li><code>Math.log2</code> — двоичный логарифм значения, или <code><sub>log2</sub> (value)</code></li> <li><code>Math.sinh</code> — гиперболический синус числа.</li> <li><code>Math.cosh</code> — гиперболический косинус числа.</li> <li><code>Math.tanh</code> — гиперболический тангенс числа.</li> <li><code>Math.asinh</code> — гиперболический арксинус числа.</li> <li><code>Math.acosh</code> — гиперболический арккосинус числа.</li> <li><code>Math.atanh</code> — гиперболический арктангенс числа.</li> <li><code>Math.hypot</code> — квадратный корень суммы квадратов.</li> <li><code>Math.clz32</code> — количество ведущих нулевых битов в 32-битном представлении числа.</li> <li><code>Math.imul</code> — C-like 32-битное умножение.</li> <li><code>Math.fround</code> — округление числа до одного знака после запятой.</li> <li>Прочитайте ES6 Math Additions in Depth.</li> </ul><br /><strong><code>Array</code></strong><ul><li><code>Array.from</code> — создание экземпляра массива из массивоподобных объектов вроде <code>arguments</code> или iterables.</li> <li><code>Array.of</code> — похоже на <code>new Array(...items)</code>, но без частных случаев.</li> <li><code>Array.prototype.copyWithin</code> — копирует последовательность элементов массива в другое место в этом же массиве.</li> <li><code>Array.prototype.fill</code> — заполняет все элементы указанного массива переданным значением.</li> <li><code>Array.prototype.find</code> — возвращает первое значение, удовлетворяющее условие.</li> <li><code>Array.prototype.findIndex</code> — возвращает индекс первого значения, удовлетворяющего условие.</li> <li><code>Array.prototype.keys</code> — возвращает итератор, который выдает последовательность, содержащую ключи массива.</li> <li><code>Array.prototype.values</code> — возвращает итератор, который выдает последовательность, содержащую значения массива.</li> <li><code>Array.prototype.entries</code> — возвращает итератор, который выдает последовательность, содержащую пары «ключ–значение» массива.</li> <li><code>Array.prototype[Symbol.iterator]</code> — абсолютно то же, что и метод <code><a href="https://ponyfoo.com/articles/es6-array-extensions-in-depth#arrayprototypevalues">Array.prototype.values</a></code> .</li> <li>Прочитайте ES6 Array Extensions in Depth.</li> </ul><p><strong><code>Object</code></strong></p><p><strong>Строки и Unicode</strong></p><ul><li>Операции со строками: </li> <li><code>String.prototype.startsWith</code> — проверяет, что строка начинается со значения; </li> <li><code>String.prototype.endsWith</code> — проверяет, что строка заканчивается значением; </li> <li><code>String.prototype.includes</code> — проверяет, что строка содержит значение; </li> <li><code>String.prototype.repeat</code> — возвращает строку, повторенную указанное количество раз; </li> <li><code>String.prototype[Symbol.iterator]</code> — дает возможность итерировать по последовательности символов юникода (не самим символам).</li> <li>Unicode</li> <li><code>String.prototype.codePointAt</code> — номер символа юникода в десятичной системе для элемента строки, указанного при помощи индекса; </li> <li><code>String.fromCodePoint</code> — дано <code>...codepoints</code>, возвращает строку из соответствующих символов в unicode; </li> <li><code>String.prototype.normalize</code> — возвращает нормализованную версию представления строки в unicode.</li> <li>●Прочитайте ES6 Strings and Unicode Additions in Depth.</li> </ul><p><strong>Модули</strong></p><ul><li>Строгий режим по умолчанию включен в модульной системе ES6.</li> <li>Модули ES6 — это файлы, экспортирующие API.</li> <li><code>export default value</code> экспортирует код по умолчанию.</li> <li><code>export var foo = 'bar'</code> экспортирует именованный код.</li> <li>Именованные экспорты — это связи, которые могут быть изменены в любое время из модуля, который их экспортирует.</li> <li><code>export { foo, bar }</code> экспортирует список именованных экспортов.</li> <li><code>export { foo as ponyfoo }</code> дает возможность доступа к экспорту по псевдониму <code>ponyfoo</code> .</li> <li><code>export { foo as default }</code> помечает именованный экспорт как экспорт по умолчанию.</li> <li>Есть хороший способ избежать путаницы: писать в конце всех своих модулей <code>export default api</code>, где <code>api</code> — это объект.</li> <li>Загрузка модулей зависит от имплементации, позволяет взаимодействовать с CommonJS.</li> <li><code>import 'foo'</code> загружает модуль <code>foo</code> в текущий модуль.</li> <li><code>import foo from 'ponyfoo'</code> присваивает локальной переменной <code>foo</code> экспорт по умолчанию <code>ponyfoo</code> .</li> <li><code>import {foo, bar} from 'baz'</code> импортирует именованные экспорты <code>foo</code> и <code>bar</code> из модуля <code>baz</code> .</li> <li><code>import {foo as bar} from 'baz'</code> импортирует именованный экспорт <code>foo</code>, но назначает псевдоним <code>bar</code> .</li> <li><code>import {default} from 'foo'</code> также импортирует экспорт по умолчанию.</li> <li><code>import {default as bar} from 'foo'</code> импортирует экспорт по умолчанию с псевдонимом <code>bar</code> .</li> <li><code>import foo, {bar, baz} from 'foo'</code> смешивает экспорт по умолчанию <code>foo</code> с именованными экспортами <code>bar</code> и <code>baz</code> в одной инструкции.</li> <li><code>import * as foo from 'foo'</code> импортирует объект пространства имён: </li> <li>содержит все именованные экспорты в <code>foo[name]</code>; </li> <li>содержит экспорт по умолчанию в <code>foo.default</code>, если таковой был объявлен в модуле.</li> <li>Прочитайте ES6 Modules Additions in Depth.</li> </ul><p>Пора отдохнуть от маркированных списков! Я вас предупреждал, что лучше прочитать серию статей целиком. Кстати, вы уже попробовали konami code? </p> </div> <div> <ul class="postinfo-panel postinfo-panel_post"><li class="postinfo-panel__item"> <div><span>↑</span> <p><span class="voting-wjt__result-score js-score">—</span></p> <span>↓</span></div> </li> <li class="postinfo-panel__item"> <p>1,6к</p> </li> <li class="postinfo-panel__item"> <p><span>Добавить в избранное</span> <span class="favorite-wjt__counter js-favs_count">68</span></p> </li> </ul></div> <div><span class="post-type__label post-type__label_author">Автор: </span> @Darina_PL Nicolas Bevacqua</span></div> <div><img src="http://habrastorage.org/getpro/habr/company/588/1b4/30d/5881b430d9c8d3fb273205bf7320491c.jpg" alt="5881b430d9c8d3fb273205bf7320491c.jpg" /><div> <p>Разработчик мобильных и браузерных игр</p> </div> </div> </div> <p>Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.</p> <p class="copyrights"><span class="source">© <a target="_blank" rel="nofollow" href="http://habrahabr.ru/post/270697/">Habrahabr.ru</a></span></p> </div> <br>  <div style="padding-left: 20px;"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2514821055276660" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-2514821055276660" data-ad-slot="1200562049" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div>  <noindex> <div style="margin: 25px;" id="disqus_thread"></div> <script type="text/javascript"> var disqus_shortname = 'pcnewsru'; var disqus_identifier = '661799'; var disqus_title = '[Перевод] Обзор ES6 в 350 пунктах. Часть вторая'; var disqus_url = 'http://pcnews.ru/blogs/%5Bperevod%5D_obzor_es6_v_350_punktah_cast_vtoraa-661799.html'; (function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })(); </script>   </noindex> </div> <br class="clearer"/> </div> <br class="clearer"/> <div id="footer-2nd"></div> <div id="footer"> <br/><br/> <ul class="horz-menu"> <li class="about"><a href="/info/about.html" title="О проекте">О проекте</a></li> <li class="additional-menu"><a href="/archive.html" title="Архив материалов">Архив</a> </li> <li class="additional-menu"><a href="/info/reklama.html" title="Реклама" class="menu-item"><strong>Реклама</strong></a> <a href="/info/partners.html" title="Партнёры" class="menu-item">Партнёры</a> <a href="/info/legal.html" title="Правовая информация" class="menu-item">Правовая информация</a> <a href="/info/contacts.html" title="Контакты" class="menu-item">Контакты</a> <a href="/feedback.html" title="Обратная связь" class="menu-item">Обратная связь</a></li> <li class="email"><a href="mailto:pcnews@pcnews.ru" title="Пишите нам на pcnews@pcnews.ru"><img src="/media/i/email.gif" alt="e-mail"/></a></li> <li style="visibility: hidden"> <noindex>  <script type="text/javascript"> var _tmr = window._tmr || (window._tmr = []); _tmr.push({id: "93125", type: "pageView", start: (new Date()).getTime()}); (function (d, w, id) { if (d.getElementById(id)) return; var ts = d.createElement("script"); ts.type = "text/javascript"; ts.async = true; ts.id = id; ts.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//top-fwz1.mail.ru/js/code.js"; var f = function () { var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ts, s); }; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "topmailru-code"); </script> <noscript> <div style="position:absolute;left:-10000px;"> <img src="//top-fwz1.mail.ru/counter?id=93125;js=na" style="border:0;" height="1" width="1" alt="Рейтинг@Mail.ru"/> </div> </noscript>  </noindex> </li> </ul> </div> <!--[if lte IE 7]> <iframe id="popup-iframe" frameborder="0" scrolling="no">