Какой смысл в написании переменных в фигурных скобках?

Question

[Nikita Shchypylov]

Есть две формы записи:

handleChange = type => ev => {
  const {value} = ev.target
}

и

handleChange = type => ev => {
  const value = ev.target
}

В чем разница?

И как работает эта запись = type => ev =>? type это аргумент, а ev? Аргумент в аргумент?

Comments

[gleendo]

const handleChange = function(type) {
  return function(ev) {
    const { value } = ev.target; // Деструктуризация объекта
    // const value = ev.target.value; // Тоже самое
  }
};

// Советы: найти информацию о стрелочных функциях, деструктуризации и об объектах. Да и в общем освоить ES2015+

[gleendo]

Артём Петренков, я имел ввиду синтаксис функций. Хотя замечание верное, исправлю

[Nikita Shchypylov]

iamevg_, Спасибо. Перенесите в ответы - отмечу решением

Answer 1

[Данакт Фрост]

Это называется деструктурирующее присваивание.

Запись
const { value } = event.target
эквивалентна записи
const value = event.target.value

А запись
const { value, id: identificator } = event.target
эквивалентна

const value = event.target.value
const identificator = event.target.id

Подробнее читайте тут

По поводу второй записи:

PS. И как работает эта запись
= type => ev =>
? type это аргумент, а ev? Аргумент в аргумент?

Это:

const handleChange = type => event => {
  // ...
}

тоже самое, что и

const handleChange = (type) => {
  return (event) => {
    // ...
  }
}}

Comments

[Nikita Shchypylov]

Спасибо большое, еще почитаю

[Данакт Фрост]

Nikita Shchypylov, и да, React тут непричем