TypeScript Academy · Lezione

Proprietà readonly e proprietà dei parametri

Utilizzi readonly e la sintassi abbreviata per le proprietà del costruttore.

Proprietà readonly e proprietà dei parametri è una lezione TypeScript Academy gratuita su CoddyKit. Questa è la lezione 3 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento TypeScript Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso TypeScript Academy include 4 lezioni in totale.

Benvenuto

readonly impedisce di modificare le proprietà dopo l'inizializzazione. Le proprietà nei parametri combinano dichiarazione e inizializzazione in un'unica riga del costruttore.

readonly nelle proprietà delle classi

Dichiari una proprietà come readonly per consentirne l'impostazione una sola volta, nel costruttore, impedendo modifiche successive.

class Invoice {
  readonly invoiceId: string;
  constructor(id: string) { this.invoiceId = id; }
}
const inv = new Invoice('INV-001');
// inv.invoiceId = 'INV-002'; // Error!

readonly nelle interfacce

readonly funziona anche nelle interfacce e nei tipi oggetto per impedire la riassegnazione delle proprietà.

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

Proprietà nei parametri

Anteponendo un modificatore di accesso a un parametro del costruttore, si dichiara una proprietà e le si assegna un valore in un unico passaggio.

class Product {
  constructor(
    public name: string,
    public price: number,
    private sku: string
  ) {} // no need to write this.name = name; etc.
}

Proprietà readonly nei parametri

Combini `readonly` con un modificatore di accesso per le proprietà nei parametri.

class Config {
  constructor(
    public readonly host: string,
    public readonly port: number = 3000
  ) {}
}

Inizializzazione nelle dichiarazioni

È possibile inizializzare una proprietà readonly al momento della dichiarazione. Non può essere modificata successivamente.

class AppVersion {
  readonly version: string = '1.0.0';
  readonly buildDate: Date = new Date();
}

readonly e const a confronto

`const` si usa per le variabili con ambito di blocco. `readonly` si usa per le proprietà delle classi e i membri dei tipi oggetto. Hanno ambiti diversi.

const API_KEY = 'secret'; // block variable
class Service {
  readonly key: string = API_KEY; // class property
}

Tipo oggetto Readonly

Il tipo utility `Readonly` rende readonly tutte le proprietà di T. È utile per creare snapshot immutabili.

interface User { name: string; age: number; }
const frozen: Readonly<User> = { name: 'Alice', age: 30 };
// frozen.name = 'Bob'; // Error

readonly non applica il congelamento profondo

Come ReadonlyArray, readonly impedisce solo la riassegnazione della proprietà, non la modifica dell'oggetto a cui la proprietà fa riferimento.

class Team {
  readonly members: string[] = [];
}
const t = new Team();
t.members.push('Alice'); // Allowed — the array itself is mutable!
// t.members = []; // Error — can't reassign the property

Le proprietà nei parametri riducono il codice ripetitivo

Senza le proprietà nei parametri, è necessario dichiarare il campo, dichiarare il parametro del costruttore e assegnargli un valore. Con questa sintassi, un'unica riga svolge tutte e tre le operazioni.

// Without parameter properties (verbose)
class A {
  private x: number;
  constructor(x: number) { this.x = x; }
}
// With parameter properties (concise)
class B {
  constructor(private x: number) {}
}

Quando evitare le proprietà nei parametri

Alcuni team evitano le proprietà nei parametri nelle classi di grandi dimensioni perché nascondono le dichiarazioni delle proprietà nel corpo della classe, riducendo la leggibilità immediata.

Verifica rapida

Quando si utilizza una proprietà nei parametri in TypeScript, cosa rimane VERO riguardo al modificatore readonly?

Riepilogo

readonly impedisce di modificare le proprietà dopo la costruzione. Le proprietà nei parametri (modificatore di accesso + nome del parametro) dichiarano e inizializzano le proprietà in un'unica riga. Combini entrambi per progettare classi concise e immutabili.

Domande Frequenti

La lezione «Proprietà readonly e proprietà dei parametri» è gratuita?

Sì — il testo completo di «Proprietà readonly e proprietà dei parametri» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso TypeScript Academy, passa a CoddyKit PRO. Il corso TypeScript Academy include 4 lezioni in totale.

Cosa imparerò in «Proprietà readonly e proprietà dei parametri»?

Utilizzi readonly e la sintassi abbreviata per le proprietà del costruttore. Eserciti TypeScript Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.

Ho bisogno di esperienza per iniziare TypeScript Academy?

Non è richiesta alcuna esperienza precedente. TypeScript Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 3 di 4.

Quanto tempo richiede la lezione «Proprietà readonly e proprietà dei parametri»?

La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.

Posso scrivere ed eseguire codice in questa lezione TypeScript Academy?

Sì. Ogni lezione TypeScript Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.

Tutte le lezioni di questo corso

Classi e costruttori in TypeScript
Modificatori public, private e protected
Proprietà readonly e proprietà dei parametri
Implementazione delle interfacce con le classi

← Torna a TypeScript Academy