Какой принцип работы js на данном примере?

Question

[Freerade]

const getData = (url) =>
    new Promise((resolve, reject) =>
        fetch(url)
            .then(response => response.json())
            .then(json => resolve(json))
            .catch(error => reject(error))
    )

getData('https://jsonplaceholder.typicode.com/todos')
    .then(data => data)
    .catch(error => error.message)

Как тут работает экземпляр класса, его же надо вроде переменной присваивать? Каким образом там появляются resolve и reject, их возвращают последние then и catch? Как потом после вызова функции определяется, что должно быть в data и в catch?

Comments

[Александр]

Про промисы читали?
Просто для ознакомления: https://youtu.be/1qyT-5MYIMk

[Алексей Дубровин]

1) Переменные - сущность которая содержит ссылки на что-то. Можно хоть весь код писать не используя переменные.
2) Изучите промисы. Буквально там вот прям написано. Что и как.
Сейчас это выглядит что вы даже не открыли информацию по промисам и просто задали вопрос.

[Антон Антон]

это не класс, а функция, возвращающая промис, в конструктор которого передана функция с двумя параметрами (сам конструктор вызывает эту функцию и передает туда функции в качестве параметров), можно переписать так (если отбросить всякие приколы с this, которые здесь не важны):

funcition getData (url) {
    return new Promise((param1, param2) =>
        fetch(url)
            .then(response => response.json())
            .then(json => param1(json))
            .catch(error => param2(error))
    )
}

а сделано это для использования в await в одну строку вместо двух, например так:

(async function() {
  try {
    console.log(await getData('url'))
  } catch(e) {
    console.error(e)
  }
})()

вместо

(async function() {
  try {
    const result = await fetch(url) 
    console.log(await result.json())
  } catch(e) {
    console.error(e)
  }
})()

[Lynn «Кофеман»]

И даже никто не написал что new Promise тут не нужен вообще и всю функцию getData можно сократить до двух строк

[Владимир]

Lynn «Кофеман», и даже вы не написали как)

[Lynn «Кофеман»]

Владимир, ой, одна строчка:

const getData = fetch(url).then(response => response.json());

[Владимир]

Lynn «Кофеман», ну да, только лучше так, чтобы сохранить общий посыл:

const getData = (url) => fetch(url).then(response => response.json());

Правда, в исходном примере мы видим только функцию и пример ее вызова, остальное за кадром. Возможно использование промиса там было действительно необходимо.

[Lynn «Кофеман»]

Владимир, ой да, это я опечатался пока копипастил и редактировал