Вы уже давно водите свою прекрасную машину, но иногда хотите двигаться немного быстрее, чем вы? Я знаю, что первым делом приходит на ум, это то, что вам нужно перейти на машину с турбодвигателем. Но это не всегда единственный способ сделать это. Потому что могут быть какие-то другие простые подходы.

Знаете ли вы, что мы можем немного настроить двигатель вашего автомобиля и взлететь как Боинг 777?

Слышали ли вы о самом быстром самолете в мире, который помогает разработчикам программного обеспечения написать код один раз и использовать его везде?

  • JavaScript: JavaScript — это язык сценариев или программирования, который позволяет вам реализовывать сложные вещи на веб-страницах. Это обычно используемое название для реализаций стандарта ECMAScript. Этот термин не привязан к конкретной версии стандарта ECMAScript и может использоваться для обозначения реализаций, которые полностью или частично реализуют любую конкретную редакцию ECMAScript.

В настоящее время мы можем использовать JavaScript (ECMAScript) для разработки мобильных, веб-приложений и настольных приложений с помощью различных фреймворков.

Хотя ECMAScript имеет различные версии, давайте сосредоточимся на следующих двух версиях:

  • ECMAScript 5 (ES5): пятая редакция ECMAScript, стандартизированная в 2009 году. Этот стандарт практически полностью реализован во всех современных браузерах.
  • ECMAScript 6 (ES6)/ECMAScript 2015 (ES2015): шестая редакция ECMAScript, стандартизированная в 2015 году. Этот стандарт поставляется с замечательными функциями, которые повышают скорость разработки. Он частично реализован в большинстве современных браузеров. Чтобы увидеть состояние реализации различными браузерами и инструментами, ознакомьтесь с этими таблицами совместимости.

Все еще не понял, что означает?

function sayHello(name) {
  return 'Hello '+name;
}

Возможно, вы узнали фрагмент кода, так как он простой, но давайте немного поговорим об этом. Выше приведена функция JavaScript, которая передает привет кому-то с переданным именем. это действительно легко и очевидно.

Но что, если мы сделаем следующее: const sayHello = name => `hello ${name}`;Это похоже на поднятие 100-фунтового камня рукой?

Давайте рассмотрим некоторые из новых функций ES6

  1. Строки шаблона

Шаблонный литерал — это новый тип строк, который позволяет использовать несколько строк и выражение внутри. Они заключены в обратные кавычки вместо одинарных или двойных кавычек: `Good night ${name}` и выражения могут быть включены в любом месте строки с помощью знака доллара и фигурных скобок, как показано выше.

2. Пусть и const

Оператор let объявляет локальную переменную области блока вместо области уровня функции, такой как var . const работает так же, как let, но с той лишь разницей, что ему должно быть присвоено значение после его объявления, и оно неизменяемо (его значение не может быть изменено в будущем).

let count = 2;
  console.log(count); //2 
  function add(num1, num2){
  let count = 3; //different value assigned to count
  console.log(count); //3
  return num1 + num2
}
add(1,2);
console.log(count); //2

3. Для … из

for-of — это новый цикл ES6, который заменяет как for-in, так и for-Each().. Он поддерживает новый протокол итераций.

const values = [10, 20];
for(let value of values){
  console.log(value);
}
//10
//20

4. Стрелочные функции и параметры по умолчанию

  • Более короткий синтаксис по сравнению с функциональными выражениями =>
  • this выбирается из лексической (статической) области видимости, а стрелочные функции всегда анонимны.

с ES6 можно инициализировать параметры функции значениями по умолчанию, которые будут использоваться, если значение не передано или оно не определено.

// ES6 arrow function
const arr = [10,3,45,67];
const squares = arr.map(n=>n**2);
ES6 default params
sayHello = (name='ES6 lover') => `Hello ${name}`
// ES5
var arr = [10,3,45,67];
var squares = arr.map(function(n){
  return n*n;
})

5. Параметр Rest и операторы Spread

В ES6 появилась эта классная новая функция: ... — одна из этих новых функций Javascript. Его можно использовать двумя разными способами; как spread operator или как rest parameter.

Параметр Rest: собирает все оставшиеся элементы в массив. С помощью rest parameters мы можем собрать любое количество аргументов в массив и делать с ними все, что захотим. Итак, мы можем переписать функцию add следующим образом:

const add = (...all) => {
  let sum=0;
  for(let value of all){
    sum += value;
  }
  return sum;
}
console.log(add(1,2,3,4,5,6,7,8,9,10)); // 55

Оператор расширения: spread operators однако давайте распаковываем элементы, что позволяет повторять объекты (массивы/объекты/строки) в одиночные/отдельные аргументы.

const names = ["Pacifique", "Purity", "Philip"];
const newNames = ["Odili", ...arr];

6. Разрушение

Это удобный способ извлечения значений из объектов и массивов.

const info = {name:"Pacifique",age:85,religion:"Pentecost"};
const numbers = [12,34,53,67,85];
const { name, religion } = info;
const [first,second,...rest] = numbers;
console.log(name, religion, first); // Pacifique Pentecost 12 34

Заключение

Хотя эти радиаторы, мощные цилиндры и подъемные части, которые делают нашу машину с турбодвигателем самой быстрой и удобной в использовании, пока не поддерживаются всеми браузерами. Но хорошие новости; у нас есть несколько инструментов, которые помогут перенести эти функции обратно в ES5 во время производства. Это как web-pack, Babel и многое другое. Пожалуйста, ознакомьтесь с ними, чтобы узнать, как это сделать за считанные секунды, и вы можете безопасно водить машину со скоростью света.