Что такое ЕС6?
ECMAScript 6, также известный как ES6 и ECMAScript 2015, был второй крупной версией JavaScript.
Официальное название ES6 — ECMAScript 6, но многие люди называют ECMAScript 6 ES6.
ES6 относится к версии 6 языка программирования ECMA Script. ECMA Script — это стандартизированное название JavaScript, а версия 6 — это следующая версия после версии 5.
ES6 предлагает новую функцию:
- Позволять
- Постоянная
- Стрелочные функции
- JavaScript класс
- Обещание JavaScript
- Символ JavaScript
- Значения параметров по умолчанию
- Параметр остатка функции
- Свойства номера
- Числовые методы
- Глобальные методы и др.
1 постоянное ключевое слово:
Ключевое слово const позволяет объявить константу.
константное значение не может быть изменено.
попробуйте изменить вывод константного значения, покажите ошибку «присвоение постоянной переменной».
Ключевое слово 2 Let:
Ключевое слово Let позволяет объявить переменную с блочной областью действия.
пусть ключевое слово похоже на ключевое слово var, но какое-то другое.
позволить изменению значения ключевого слова возможно только в той же области блока.
3 строки шаблона:
Литералы шаблонов — это строковые литералы, допускающие встроенные выражения. С ними можно использовать многострочные строки и функции интерполяции строк.
В предыдущих редакциях спецификации ES2015 они назывались «строками шаблона».
Строка шаблона заключена в обратную кавычку (` `).
Пример:
Функции 4стрелок:
Стрелочные функции были представлены в ES6.
Стрелочные функции позволяют нам писать более короткий синтаксис функций.
5 Назначение деструктурирования:
Синтаксис деструктурирующего присваивания — это выражение JavaScript, позволяющее распаковывать значения из массивов или свойства объектов в отдельные переменные.
Пример
6 Обработка ошибок
Попробуй поймать
Оператор try позволяет определить блок кода, который будет проверяться на наличие ошибок во время его выполнения.
Оператор catch позволяет определить блок кода, который будет выполняться, если в блоке try произойдет ошибка.
try … catch обрабатывать ошибки времени выполнения.
эта ошибка кода находит 2-ю строку, поэтому 3-я строка не запускается.
referenceError x не определен.
попробуйте… перехватите формат:
пытаться{
// проверка кода
}поймать(){
// Обработчик ошибки
}
7 Параметр по умолчанию:
Параметр по умолчанию — это способ установить значения по умолчанию для параметров функции, значение которых не передается (т. е. это undefined
).
если человек () не записывает параметр, тогда работает параметр по умолчанию.
8 комментариев
Комментарии JavaScript можно использовать для объяснения кода JavaScript и для того, чтобы сделать его более читабельным.
Комментарии JavaScript также можно использовать для предотвращения выполнения при тестировании альтернативного кода.
Однострочные комментарии:
однострочные комментарии начинаются с «//»
Неправильные многострочные комментарии
Хорошие многострочные комментарии
9 Стиль кодирования
Наш код должен быть максимально чистым и легко читаемым.
На самом деле это искусство программирования — взять сложную задачу и закодировать ее так, чтобы она была одновременно правильной и удобочитаемой. Хороший стиль кода очень помогает в этом.
Новички иногда так делают. Плохой! Фигурные скобки не нужны:
if (n ‹ 0) {alert(`Power ${n} не поддерживается`);}
Разделить на отдельную строку без фигурных скобок. Никогда так не делайте, легко сделать ошибку при добавлении новых строк:
if (n ‹ 0) alert(`Power ${n} не поддерживается`);
Одна строка без фигурных скобок — допустимо, если она короткая:
if (n ‹ 0) alert(`Power ${n} не поддерживается`);
Лучший вариант:
if (n < 0) {
alert(`Power ${n} не поддерживается`);
}
10 классов
Метод constructor()
— это специальный метод для создания и инициализации объектов, созданных внутри класса.
Метод constructor()
вызывается автоматически при инициализации класса, и он должен иметь точное имя «конструктор». На самом деле, если у вас нет метода конструктора, JavaScript добавит невидимый и пустой метод конструктора.
Примечание. Класс не может иметь более одного метода конструктора(). Это вызовет SyntaxError
.
Вы можете использовать метод super()
для вызова конструктора родительского класса (см. «Дополнительные примеры» ниже).