TypeScript Academy · Lektion

readonly-egenskaber og parameter-egenskaber

Brug readonly og forkortede egenskaber i konstruktører

Lektion 3 af 413 trin

readonly-egenskaber og parameter-egenskaber er en gratis TypeScript Academy-lektion på CoddyKit. Dette er lektion 3 af 4. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i TypeScript Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. TypeScript Academy-kurset indeholder 4 lektioner i alt.

Velkommen

readonly forhindrer, at egenskaber ændres efter initialiseringen. Parameteregenskaber kombinerer deklaration og initialisering på én enkelt konstruktørlinje.

readonly på klasseegenskaber

Erklær en egenskab som readonly for at kunne sætte den én gang (i konstruktøren), men forhindre senere ændringer.

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

readonly i grænseflader

readonly fungerer også i grænseflader og objekttyper for at forhindre, at egenskaber tildeles nye værdier.

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

Parameteregenskaber

Sæt en adgangsmodifikator foran en konstruktørparameter for at erklære en egenskab og tildele den i ét trin.

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

readonly-parameteregenskaber

Kombiner `readonly` med en adgangsmodifikator for parameteregenskaber.

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

Initialisering i deklarationer

Du kan initialisere en readonly-egenskab på det sted, hvor den erklæres. Den kan ikke ændres derefter.

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

readonly kontra const

`const` bruges til blokafgrænsede variable. `readonly` bruges til klasseegenskaber og medlemmer af objekttyper. De gælder for forskellige gyldighedsområder.

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

Skrivebeskyttet objekttype

Hjælpetypen `Readonly` gør alle egenskaber i T skrivebeskyttede. Den er nyttig til at oprette uforanderlige øjebliksbilleder.

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

readonly laver ikke en dyb frysning

Ligesom ReadonlyArray forhindrer readonly kun, at selve egenskaben tildeles en ny værdi – ikke at objektet, som egenskaben peger på, ændres.

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

Parameteregenskaber reducerer gentagelser

Uden parameteregenskaber skal du erklære feltet, erklære konstruktørparameteren og tildele værdien. Med dem klarer én linje alle tre ting.

// 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) {}
}

Hvornår du bør undgå parameteregenskaber

Nogle teams undgår parameteregenskaber i store klasser, fordi de skjuler egenskabsdeklarationerne fra klassens krop, hvilket gør det sværere at danne sig et hurtigt overblik.

Hurtig kontrol

Når du bruger en parameteregenskab i TypeScript, hvad er stadig SANDT om modifikatoren readonly?

Besvar den i den interaktive lektion

Opsummering

readonly forhindrer ændringer af egenskaber efter konstruktionen. Parameteregenskaber (adgangsmodifikator + parameternavn) erklærer og initialiserer egenskaber på én linje. Kombiner begge dele for korte, uforanderlige klassedesigns.

Gratis at komme i gang

Lær TypeScript med en AI-underviser — gratis

Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.

Kurser: 101
Lektioner: 352

Start gratis Se hele kurset

Ofte stillede spørgsmål

Er lektionen “readonly-egenskaber og parameter-egenskaber” gratis?

Ja — hele teksten til “readonly-egenskaber og parameter-egenskaber” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af TypeScript Academy-kurset, skal du opgradere til CoddyKit PRO. TypeScript Academy-kurset indeholder 4 lektioner i alt.

Hvad lærer jeg i “readonly-egenskaber og parameter-egenskaber”?

Brug readonly og forkortede egenskaber i konstruktører Du øver dig i TypeScript Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.

Skal jeg have erfaring for at begynde på TypeScript Academy?

Der kræves ingen tidligere erfaring. TypeScript Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 3 af 4.

Hvor lang tid tager lektionen “readonly-egenskaber og parameter-egenskaber”?

De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.

Kan jeg skrive og køre kode i denne TypeScript Academy-lektion?

Ja. Alle TypeScript Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.

Alle lektioner i dette kursus

TypeScript-klasser og konstruktører
Modifikatorerne public, private og protected
readonly-egenskaber og parameter-egenskaber
Implementering af interfaces med klasser

← Tilbage til TypeScript Academy