В Javascript ES6 есть несколько изменений в том, как мы можем создавать методы и пары ключ-значение в литералах объектов.

Пары ключ-значение

Допустим, у нас есть определенные переменные, которые хранят имя и возраст человека.

Теперь предположим, что я хочу сохранить эти значения в литерале нового объекта с именем person1. В ES5 мы могли бы сделать что-то вроде этого:

Это прекрасно работает, но ES6 представил более лаконичный и чистый способ сделать то же самое. В ES6 мы можем сделать то же самое, что и приведенный выше код, но вот так:

Приведенный выше код создаст точно такой же объект, как и предыдущий фрагмент кода, но он выглядит немного чище и требует меньшего набора текста. Будет создан объект с именем person1, который будет иметь пары ключ-значение firstName: «Stan», lastName: «Marsh» и возраст: 11. Он использует имя переменной для ключа и значение переменной в качестве значения. Важно отметить, что оба этих примера работают только в том случае, если у объекта есть доступ к переменной (область правильная).

Методы

Методы — это функции, определенные внутри объектов. Обычно к ним обращаются через запись через точку, например так: object.method()В ES5, если бы я хотел создать метод для объекта person1, я мог бы сделать что-то вроде этого:

Мы видим, что я могу определить метод в объекте, а затем вызвать его. Я передаю значение, и сообщение выводится на консоль. Это работает нормально, но в ES6 у нас есть более чистый способ сделать это. Вместо приведенного выше кода мы можем написать:

Приведенный выше код делает то же самое, что и предыдущий код, но гораздо менее подробен. Это определит метод внутри объекта person1 с именем saySomething. Он принимает аргумент message. Когда вызывается метод saySomething, он выводит сообщение на консоль. Мы делаем это, набрав person1.saySomething("Oh my god, they killed Kenny!"). Это передаст сообщение и выведет его на консоль.

Вывод

ES6 предоставляет более чистый и краткий способ создания пар ключ-значение путем доступа к переменным, а также для создания методов. Для получения дополнительной информации об объектах Javascript вы можете прочитать документацию по адресу: https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Basics.