Вы уже давно водите свою прекрасную машину, но иногда хотите двигаться немного быстрее, чем вы? Я знаю, что первым делом приходит на ум, это то, что вам нужно перейти на машину с турбодвигателем. Но это не всегда единственный способ сделать это. Потому что могут быть какие-то другие простые подходы.
Знаете ли вы, что мы можем немного настроить двигатель вашего автомобиля и взлететь как Боинг 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
- Строки шаблона
Шаблонный литерал — это новый тип строк, который позволяет использовать несколько строк и выражение внутри. Они заключены в обратные кавычки вместо одинарных или двойных кавычек: `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 и многое другое. Пожалуйста, ознакомьтесь с ними, чтобы узнать, как это сделать за считанные секунды, и вы можете безопасно водить машину со скоростью света.