أنواع Fetch API؛ الأنواع العامة لـ Response.json()

مقدمة

أساسيات fetch

async function getText() {
  const res = await fetch("/hello.txt");
  const text = await res.text();
  console.log(text);
}

القيمة الافتراضية لـ res.json()

async function getData() {
  const res = await fetch("/data.json");
  const data = await res.json();
  console.log(data);
}

‏res.json<T>()

interface User { id: number; name: string }

async function getUser() {
  const res = await fetch("/user.json");
  const user = await res.json<User>();
  console.log(user.id, user.name);
}

أمان الأنواع

interface Product { id: number; price: number }

async function getProduct() {
  const res = await fetch("/product.json");
  const p = await res.json<Product>();
  // console.log(p.unknown); // Error: unknown does not exist
}

كتابة أنواع المصفوفات

interface Todo { id: number; done: boolean }

async function getTodos() {
  const res = await fetch("/todos.json");
  const todos = await res.json<Todo[]>();
  todos.forEach(t => console.log(t.id, t.done));
}

التحقق من json<T>()

مراجعة