const controller = new AbortController();
  const timeoutId = setTimeout(() => controller.abort(), timeoutMs);

  try {
    const response = await fetch(url, { signal: controller.signal });
    clearTimeout(timeoutId);
    return response.json();
  } catch (error) {
    if (error.name === 'AbortError') {
      throw new Error(`Запит перевищив ліміт ${timeoutMs}мс`);
    }
    throw error;
  }
}

// Власна HTTP-бібліотека (apiClient)
const apiClient = {
  baseURL: 'https://api.example.com',
  defaultHeaders: {
    'Content-Type': 'application/json',
    'Accept': 'application/json'
  },

  async request(method, path, body, headers = {}) {
    const response = await fetch(this.baseURL + path, {
      method,
      headers: { ...this.defaultHeaders, ...headers },
      body: body ? JSON.stringify(body) : undefined
    });

    if (!response.ok) {
      const error = await response.json().catch(() => ({}));
      throw Object.assign(new Error(error.message || 'Помилка запиту'), {
        status: response.status,
        data: error
      });
    }

    if (response.status === 204) return null;
    return response.json();
  },

  get:    (path, headers) => apiClient.request('GET', path, null, headers),
  post:   (path, body, headers) => apiClient.request('POST', path, body, headers),
  put:    (path, body, headers) => apiClient.request('PUT', path, body, headers),
  patch:  (path, body, headers) => apiClient.request('PATCH', path, body, headers),
  delete: (path, headers) => apiClient.request('DELETE', path, null, headers)
};

// Використання
const users = await apiClient.get('/users');
const newUser = await apiClient.post('/users', { name: 'Іван', email: 'ivan@test.com' });

Вивід:

← Попередній урок Наступний урок →