Oppiskele 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.

Oliko kaikki selvää?

Kiitos palautteestasi!

Osio 4. Luku 2

Kysy tekoälyä

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

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?

Awesome!

Completion rate improved to 5

Pyyhkäise näyttääksesi valikon


              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

Oliko kaikki selvää?

Kiitos palautteestasi!

Osio 4. Luku 2