Definizione della struttura degli oggetti con le interfacce

Benvenuto

Interfaccia di base

interface User {
  id: number;
  name: string;
  email: string;
}
const alice: User = { id: 1, name: 'Alice', email: 'a@b.com' };

Proprietà facoltative con ?

interface Config {
  host: string;
  port?: number;     // optional
  timeout?: number;  // optional
}

Proprietà readonly

interface Point {
  readonly x: number;
  readonly y: number;
}
const p: Point = { x: 5, y: 10 };
// p.x = 0; // Error!

Firme dei metodi

interface Animal {
  name: string;
  speak(): string;
  move(distance: number): void;
}

Firme di indice

interface StringMap {
  [key: string]: string;
}
const headers: StringMap = {
  'content-type': 'application/json',
  'accept': 'text/html',
};

Tipizzazione strutturale

interface Named { name: string; }
function greet(obj: Named) { console.log(obj.name); }
greet({ name: 'Alice', age: 30 }); // Extra props OK when not a literal

Controllo delle proprietà in eccesso

interface Config { host: string; }
// const c: Config = { host: 'localhost', extra: 1 }; // Error on literal
const obj = { host: 'localhost', extra: 1 };
const c: Config = obj; // OK — not a fresh literal

Interfaccia per i tipi funzione

interface Greeter {
  (name: string): string;
}
const greet: Greeter = name => 'Hello, ' + name;

Interfacce annidate

interface Address { street: string; city: string; }
interface Person { name: string; address: Address; }
const p: Person = { name: 'Alice', address: { street: '1 Main', city: 'NY' } };

Interfaccia e istanza di una classe

interface Saveable { save(): Promise<void>; }
class UserService implements Saveable {
  async save() { /* ... */ }
}

Verifica rapida

Riepilogo