Урок 28 из 114 · 8 мин

Методы и this

Функции внутри объекта, короткая запись методов, this, сокращённые свойства.

Умная корзина

Бро
Объект может хранить не только данные, но и действия — методы. Внутри метода this — это сам объект.

Понятие

Метод

Что это: const cart = { items: [], add(item) { … } } — вызывается как cart.add(x).
Зачем: Данные и действия с ними — в одном месте.
Как: JavaScript
const rect = { w: 3, h: 4, area() { return this.w * this.h; } }; console.log(rect.area());
Так это работает

Ключевое слово

this

Понятие

Короткие свойства

Что это: Если переменная и свойство называются одинаково, можно писать один раз.
Зачем: Короче собирать объекты.
Как: JavaScript
const name = "Аня", age = 20; const user = { name, age }; console.log(user);
Так это работает

Ника
У стрелочной функции нет своего this: методы объекта пиши обычной записью add() {}.

Ваш ход

Задание

Допиши объект cart: метод add(price) кладёт цену в this.items, метод total() возвращает сумму.

const cart = {
  items: [],
  add(price) {},
  total() { return 0; }
};

const cart = {
  items: [],
  add(price) {},
  total() { return 0; }
};

Результат обновляется при вводе

ПрактикаОбязательное задание

Выберите один ответ.

На что указывает this в cart.total()?

Домашнее заданиеДля закрепления

Выберите один ответ.

Что значит { price }?