Lære Generic Class Syntax | Generics in Classes


              12345678910111213141516171819
            
class DataStorage<T> {
  private items: T[] = [];

  add(item: T): void {
    this.items.push(item);
  }

  get(index: number): T | undefined {
    return this.items[index];
  }
}

const stringStorage = new DataStorage<string>();
stringStorage.add("TypeScript");
console.log(stringStorage.get(0)); // "TypeScript"

const numberStorage = new DataStorage<number>();
numberStorage.add(42);
console.log(numberStorage.get(0)); // 42

Generic classes in TypeScript allow you to define a class with a placeholder for a type, which you specify when you create an instance. This means you can write a class once and use it for different data types, while still maintaining full type safety. By declaring a type parameter inside angle brackets after the class name, you give your class the flexibility to work with any type, and TypeScript will enforce the correct usage throughout your code. This prevents type errors and makes your classes reusable for a variety of data types without rewriting logic for each type.

Var alt klart?

Tak for dine kommentarer!

Sektion 4. Kapitel 2

Spørg AI

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Suggested prompts:

Can you explain how generics improve type safety in this example?

What are some other use cases for generic classes in TypeScript?

Can you show how to use this DataStorage class with custom object types?

Stryg for at vise menuen


              12345678910111213141516171819
            
class DataStorage<T> {
  private items: T[] = [];

  add(item: T): void {
    this.items.push(item);
  }

  get(index: number): T | undefined {
    return this.items[index];
  }
}

const stringStorage = new DataStorage<string>();
stringStorage.add("TypeScript");
console.log(stringStorage.get(0)); // "TypeScript"

const numberStorage = new DataStorage<number>();
numberStorage.add(42);
console.log(numberStorage.get(0)); // 42

Var alt klart?

Tak for dine kommentarer!

Sektion 4. Kapitel 2