Немного предыстории….

Как вы, вероятно, знаете, «ES» обозначает ECMAScript, язык сценариев, созданный и используемый для стандартизации Javascript, языка веб-разработки внешнего интерфейса. Шестая версия ECMAScript, известная как ES6 и также известная как ECMAScript 2015, добавила значительный новый синтаксис для написания и создания сложных приложений.

Так что нового?

  1. Функции стрелок:

Если вы привыкли к JS или даже если вы только начинаете изучать JS, в любом случае вы, вероятно, привыкли писать свои функции, вызывая ключевое слово «функция». В ES6 есть создание и использование функции стрелки, которая позволяет нам обойти ключевое слово «функция». Хватит разговоров, давайте рассмотрим пример функции, которая позволяет нам приветствовать нашего друга:

Способ ES5:

function friendship(friend_name) {
   return 'Hey' + name + 'how are you?'
};

Способ ES6:

const friendship = (friend_name) => {
   return `Hey ${friend_name}, how are you`?
};

Итак, вы, вероятно, задаетесь вопросом: 'Как это быстрее или чище?', и это справедливый вопрос, это не так, и я специально создал его таким образом, чтобы вы могли задать этот вопрос . На самом деле существует гораздо более чистый и эффективный способ показать вам, насколько мощной может быть функция стрелки.

const friendship = friend_name => `Hey ${friend_name} how are you?`

Посмотрите, какой он сейчас быстрый и чистый!

2. Интерполяция переменных.

Ранее в ES5 при работе с переменными и повторном использовании указанной переменной это делалось, как показано ниже:

var name = 'John';
var greeting = 'Hello' + name + '!';

Abit базовый и многословный нет? Посмотрите ниже, как мы можем быть точнее и чище.

var name = 'John'
var greeting = 'Hello ${name}'

Как видите, это намного проще, и, как показывает опыт, меньше кода, выполняющего ту же работу, лучше кода.

3. Объекты

Объекты присущи Javascript, и поэтому в ES5 была особенность в том, как мы создаем объекты, то есть:

var 1 = 'Monday'
var 2 = 'Tuesday'
var 3 = 'Wednesday'
var 4 = 'Thursday'
var 5 = 'Friday'
var 6 = 'Saturday'
var 7 = 'Sunday'
var weekObj = { 1:'Monday', 2:'Tuesday', 3:'Wednesday', 4:'Thursday', 5:'Friday', 6:Saturday', 7:'Sunday'}

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

var 1 = 'Monday'
var 2 = 'Tuesday'
var 3 = 'Wednesday'
var 4 = 'Thursday'
var 5 = 'Friday'
var 6 = 'Saturday'
var 7 = 'Sunday'
var = weekObj = { 1, 2, 3, 4, 5, 6, 7}

Как видите, ES6 позволяет нам избавиться от необходимости в «ключе», снова облегчая нашу жизнь.

Короче говоря, ES6 делает жизнь JS-разработчика проще и эффективнее.