Какие ещё, помимо базовых, возможности ES6+ очень востребованны и часто используются?

Question

[No Name]

Есть возможности ES6+ которые я часто использую, например:
- Блочные переменные, объявленные через let и const;
- Spread Operator ... ;
- Деструктивное присваивание массивов/объектов;
- Стрелочные функции;
- Итераторы;
- Генераторы;
- async/await;
- Цикл for of.

Что ещё есть, помимо базовых возможностей, что часто используется?

Answer 1

[Антон Спирин]

Изучайте всю спецификацию, не прогадаете.

Comments

[No Name]

Да, там столько всего, глаза разбегаются, что для начаьного уровня, что для сдеднего и т.д. Хотелось бы от разработчиков услышать ответ))

[Stalker_RED]

Алексей Чалый, это инструменты. Вот как на кухне бывают специальные ножи для хлеба, для сыра, для масла и для овощей. Еще топорик для мяса, например. Можно всем этим не пользоваться, а фигачить одним ножом, но все эти специализированные - они ведь не просто так придуманы.

Ну да, глаза разбегаются. Чтобы не разбегались возьмите какой-то учебник или курс где это все упорядочено.

Answer 2

[No Name]

Нашёл фишку. Называется Proxy
Прокси (proxy) – особый объект, смысл которого – перехватывать обращения к другому объекту и, при необходимости, модифицировать их.

let proxy = new Proxy(target, handler)

target – объект, обращения к которому надо перехватывать.
handler – объект с «ловушками»: функциями-перехватчиками для операций к target.

let my_arr = [];
// Proxy(target, handler)
let arr_proxy = new Proxy(my_arr, {
  get(target, prop) {
    console.log(`\n Getting ${prop}`);
    console.log(`Perform needed actions after getting ${prop}`);
    return target[prop];
  },

  set(target, prop, value) {
    console.log(`\n Setting ${prop} ${value}`);
    console.log(`Perform needed actions after setting ${prop} ${value}`);
    target[prop] = value;
    return true;
  }
})

arr_proxy.push('dsfdgdf')

https://learn.javascript.ru/proxy

Comments

[No Name]

Ещё хорошее замечание по поводу Proxy:

The trick is that Proxy is not a type, it's a constructor.

let foo = new Proxy({ value: 0 }, {
    get: (v) => v.value * 2
});

The type of foo will be the same as the type of the target object.

https://stackoverflow.com/a/50931926/7455192

Answer 3

[Константин Китманов]

async/await

Comments

[No Name]

забыл указать это в списке ранее))

[Константин Китманов]

Алексей Чалый, ну можно еще вспомнить Map/Set/WeakMap/WeakSet...
Symbol достаточно специфичная вещь...
декораторы хорошая вещь, но застряли в stage 2.

[No Name]

Константин Китманов, thanks)

[Иван]

Константин Китманов,а где кстати юзают эти MAP и т.д.?

[Константин Китманов]

Иван, ну Map чтобы содержать попарное соответствие между объектами. Set -- коллекция с уникальными элементами -- в принципе, ничего такого, чего нельзя достичь в ES5, но иногда удобнее. Ну а WeakMap/WeakSet позволяют сборщику мусора собирать объекты, если на них больше нет ссылок, кроме как в них самих.

[No Name]

Константин Китманов, воу кльово, не знал))