САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ
×

JS Учебник

JS Главная JS Введение JS Установка JS Вывод JS Синтаксис JS Заявления JS Комментарии JS Переменные JS Операторы JS Арифметика JS Присваивания JS Типы данных JS Функции JS Объекты JS Область JS События JS Строки JS Методы строк JS Числа JS Методы чисел JS Массивы JS Методы массива JS Сортировка массива JS Итерация массива JS Даты JS Формат даты JS Метод получения дат JS Методы набора... JS Математические... JS Случайные числа JS Булевы JS Сравнение... JS Заявления if...else JS Заявление switch JS Цикл for JS Цикл while JS Заявление break... JS Преобразование... JS Битовые... JS Регулярные выражения JS Ошибки JS Отладчик JS Подъемный JS Строгий JS Ключевое слово this JS Руководство стиля JS Практика JS Распространенные ошибки JS Эффективность JS Зарезервированные слова JS Версии JS Версия ES5 JS Версия ES6 JS JSON

JS Формы

JS Формы JS Формы API

JS Объекты

Определение объекта Свойства объекта Методы объекта Доступ к объекту Конструкторы объекта Прототипы объекта Объект ECMAScript 5

JS Функции

Определение функции Параметры функции Вызов Функции Вызвать Функцию Применение функции Закрытие Функции

JS HTML DOM

DOM Введение DOM Методы DOM Документы DOM Элементы DOM HTML DOM CSS DOM Анимация DOM События DOM Слушатель события DOM Навигация DOM Узлы DOM Коллекции DOM Список узлов

JS Браузера BOM

JS Окно JS Экран JS Местоположение JS История JS Навигатор JS Всплывающее окна JS Синхронизация JS Cookies

JS AJAX

AJAX Введение AJAX XMLHttp AJAX Запрос AJAX Ответ AJAX XML Файл AJAX PHP AJAX ASP AJAX База данных AJAX Приложения AJAX Примеры

JS JSON

JSON Введение JSON Синтаксис JSON или XML JSON Типы данных JSON Парсинг JSON Строки JSON Объекты JSON Массивы JSON PHP JSON HTML JSON JSONP

JS или jQuery

jQuery Селекторы jQuery HTML jQuery CSS jQuery DOM

JS Примеры

JS Примеры JS HTML DOM JS HTML Ввод


ECMAScript 6 - JavaScript 6



Что такое ECMAScript 6?

ECMAScript 6 также известен как ES6 и ECMAScript 2015

Некоторые люди любят называть его JavaScript 6.

В этой главе мы познакомим вас с некоторыми новыми функциями ES6.

  • JavaScript let
  • JavaScript const
  • JavaScript значения параметров по умолчанию

JavaScript let

Заявление let позволяет объявлять переменную внутри скобок {}.

Повторное объявление переменной с помощью var может навязать проблемы:

Пример

var x = 10;
// Теперь х к 10
{
    var x = 2;
    // Теперь х к 2
}
// Теперь х к 2
Попробуйте сами »

Повторное объявление переменной с помощью let может решить проблемы:

Пример

var x = 10;
// Теперь х к 10
{
    let x = 2;
    // Теперь х к 2
}
// Теперь х к 10
Попробуйте сами »


JavaScript const

Заявление const используется для объявления переменной с постоянным значением.

Это похоже на let, за исключением того, что значение переменной не может быть изменено.

Переменная должна быть инициализирована при ее объявлении.

Пример

var x = 10;
// Теперь х к 10
{
    const x = 2;
    // Теперь х к 2
}
// Теперь х к 10
Попробуйте сами »

Значения параметров по умолчанию

ES6 позволяет параметрам функции иметь значения по умолчанию.

Пример

function myFunction(x, y = 10) {
    // y к 10 если не пройдено или не определено
    return x + y;
}
myFunction(5); // будет возвращать 15
Попробуйте сами »

Новые свойства чисел

ES6 добавил следующие свойства к объекту Number:

  • EPSILON
  • MIN_SAFE_INTEGER
  • MAX_SAFE_INTEGER

Пример

var x = Number.EPSILON;
Попробуйте сами »

Пример

var x = Number.MIN_SAFE_INTEGER;
Попробуйте сами »

Пример

var x = Number.MAX_SAFE_INTEGER;
Попробуйте сами »

Новые методы чисел

ES6 добавил 2 новых метода к объекту Number:

  • Number.isInteger()
  • Number.isSafeInteger()

Метод Number.isInteger()

Метод Number.isInteger() возвращает true, если аргумент является целым числом.

Пример

Number.isInteger(10);        // возвращает true
Number.isInteger(10.5);      // возвращает false
Попробуйте сами »

Метод Number.isSafeInteger()

Безопасное целое число - это целое число, которое может быть точно представлено в виде числа двойной точности.

Метод Number.isSafeInteger() возвращает true, если аргумент является безопасным целым числом.

Пример

Number.isSafeInteger(10);    // возвращает true
Number.isSafeInteger(12345678901234567890);  // возвращает false
Попробуйте сами »

Безопасные целые числа-это все целые числа из -(253 - 1) к +(253 - 1).
Это безопасное: 9007199254740991. Это небезопасное: 9007199254740992.


Новые глобальные методы

ЕС6 также добавлены 2 новых глобальных метода чисел:

  • isFinite()
  • isNan

Метод isFinite()

Метод глобальный isFinite() возвращает false, если аргумент равен Infinity или NaN.

В противном случае он возвращает true:

Пример

isFinite(10/0);       // возвращает false
isFinite(10/1);       // возвращает true
Попробуйте сами »

Метод isNaN()

Метод глобальный isNan() возвращает true, если аргумент NaN. В противном случае он возвращает false:

Пример

isNaN("Привет");       // возвращает true
Попробуйте сами »

Функция со стрелками

Функция со стрелками позволяет использовать краткий синтаксис для написания выражений функций.

Вам не нужна function, ключевые слова, return, и фигурные скобки.

Пример

// ES5
var x = function(x, y) {
     return x * y;
}

// ES6
const x = (x, y) => x * y;
Попробуйте сами »

Функция со стрелками не имеет своих собственных this. Они не очень хорошо подходят для определения методов объектов.

Функция со стрелками должны быть определена до их использования. С помощью const безопаснее, чем использование var, потому что, выражение функции - это постоянное значение.

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

Это может быть хорошей привычкой, чтобы держать их:

Пример

const x = (x, y) => { return x * y };
Попробуйте сами »