Что принимает в себя функция fetch в JavaScript?

«Что принимает в себя функция fetch в JavaScript?» — вопрос из категории JavaScript, который задают на 24% собеседований AQA / Automation. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Функция fetch() принимает два параметра:

  1. URL (обязательный) - строка с адресом запроса или объект Request.
  2. options (опциональный) - объект с настройками запроса:
    • method (GET, POST, PUT и т.д.)
    • headers - заголовки запроса
    • body - данные для отправки
    • mode (cors, no-cors, same-origin)
    • cache - управление кешированием
    • credentials - отправка кук/авторизации

Пример:

fetch('https://api.example.com/data', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({key: 'value'})
})

Функция возвращает Promise, который разрешается в объект Response.