TypeScript Academy · leksjon

readonly-egenskaper og parameter-egenskaper

Bruk readonly og kortformen for egenskaper i konstruktører.

Leksjon 3 av 413 trinn

readonly-egenskaper og parameter-egenskaper er en gratis leksjon i TypeScript Academy på CoddyKit. Dette er leksjon 3 av 4. Du kan lese hele leksjonen gratis nedenfor – og deretter øve praktisk i nettleseren med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i TypeScript Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i TypeScript Academy inneholder totalt 4 leksjoner.

Velkommen

readonly hindrer at egenskaper endres etter initialiseringen. Parameteregenskaper kombinerer deklarasjon og initialisering på én enkelt konstruktørlinje.

readonly på klasseegenskaper

Deklarer en egenskap som readonly for å tillate at den angis én gang (i konstruktøren), men forhindre senere endringer.

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

readonly i grensesnitt

readonly fungerer også i grensesnitt og objekttyper for å forhindre at egenskaper tilordnes på nytt.

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

Parameteregenskaper

Sett en tilgangsmodifikator foran en konstruktørparameter for å deklarere en egenskap og tilordne den i ett trinn.

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

readonly-parameteregenskaper

Kombiner `readonly` med en tilgangsmodifikator for parameteregenskaper.

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

Initialisering i deklarasjoner

Du kan initialisere en readonly-egenskap der den deklareres. Den kan ikke endres etter dette.

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

readonly kontra const

`const` brukes for blokkskoped variabler. `readonly` brukes for klasseegenskaper og medlemmer av objekttyper. De gjelder for forskjellige områder.

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

Readonly-objekttype

Hjelpetypen `Readonly` gjør alle egenskapene i T skrivebeskyttede. Den er nyttig for å opprette uforanderlige øyeblikksbilder.

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

readonly fryser ikke objekter dypt

I likhet med ReadonlyArray hindrer readonly bare at selve egenskapen tilordnes på nytt – ikke at objektet egenskapen viser til, endres.

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

Parameteregenskaper reduserer standardkode

Uten parameteregenskaper må du deklarere feltet, deklarere konstruktørparameteren og tilordne verdien. Med dem gjør én linje alle tre tingene.

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

Når du bør unngå parameteregenskaper

Noen team unngår parameteregenskaper i store klasser fordi de skjuler egenskapsdeklarasjonene fra klassekroppen, noe som gjør det vanskeligere å få oversikt ved første øyekast.

Rask sjekk

Når du bruker en parameteregenskap i TypeScript, hva er fortsatt SANT om readonly-modifikatoren?

Besvar den i den interaktive leksjonen

Oppsummering

readonly hindrer endring av egenskaper etter konstruksjonen. Parameteregenskaper (tilgangsmodifikator + parameternavn) deklarerer og initialiserer egenskaper på én linje. Kombiner begge for konsise, uforanderlige klassedesign.

Gratis å komme i gang

Lær deg TypeScript med en AI-veileder – gratis

Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.

Kurs: 101
Leksjoner: 352

Start læringen gratis Se hele kurset

Ofte stilte spørsmål

Er leksjonen «readonly-egenskaper og parameter-egenskaper» gratis?

Ja – hele teksten i «readonly-egenskaper og parameter-egenskaper» er gratis å lese her på nettet. For å øve interaktivt med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt, og for å låse opp resten av TypeScript Academy-kurset, kan du oppgradere til CoddyKit PRO. Kurset i TypeScript Academy inneholder totalt 4 leksjoner.

Hva lærer jeg i «readonly-egenskaper og parameter-egenskaper»?

Bruk readonly og kortformen for egenskaper i konstruktører. Du øver på TypeScript Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.

Trenger jeg erfaring for å begynne med TypeScript Academy?

Ingen tidligere erfaring er nødvendig. TypeScript Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 3 av 4.

Hvor lang tid tar leksjonen «readonly-egenskaper og parameter-egenskaper»?

De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.

Kan jeg skrive og kjøre kode i denne TypeScript Academy-leksjonen?

Ja. Alle TypeScript Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.

Alle leksjonene i dette kurset

TypeScript-klasser og konstruktører
public-, private- og protected-modifikatorer
readonly-egenskaper og parameter-egenskaper
Implementere grensesnitt med klasser

← Tilbake til TypeScript Academy