Lære Practical Use Cases for Generics


              123456789101112131415161718192021222324
            
// A generic data container class
class DataContainer<T> {
  private data: T;

  constructor(initialData: T) {
    this.data = initialData;
  }

  getData(): T {
    return this.data;
  }

  setData(newData: T): void {
    this.data = newData;
  }
}

// Instantiating with a string
const stringContainer = new DataContainer<string>("Hello, world!");
console.log(stringContainer.getData()); // Output: Hello, world!

// Instantiating with a number
const numberContainer = new DataContainer<number>(42);
console.log(numberContainer.getData()); // Output: 42

Generics in TypeScript classes allow you to write flexible, reusable components that can handle a variety of data types while maintaining type safety. Instead of creating multiple versions of a class for each data type, you can use a single generic class and specify the type when you instantiate it. This approach is especially useful for building libraries, utility classes, or data structures like stacks, queues, and repositories, where the underlying data type might change depending on the use case.

For instance, a generic data container class lets you store and manage any type of data—such as strings, numbers, or even custom objects—without losing the benefits of strong typing. This reduces code duplication and makes your codebase easier to maintain. By leveraging generics, you ensure that only the correct type of data is stored and retrieved, which helps prevent runtime errors and increases reliability in larger applications.

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 4. Kapittel 4

Spør AI

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Suggested prompts:

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

What are some other use cases for generics in TypeScript?

Can you show how to use this DataContainer with a custom object type?

Awesome!

Completion rate improved to 5

Sveip for å vise menyen


              123456789101112131415161718192021222324
            
// A generic data container class
class DataContainer<T> {
  private data: T;

  constructor(initialData: T) {
    this.data = initialData;
  }

  getData(): T {
    return this.data;
  }

  setData(newData: T): void {
    this.data = newData;
  }
}

// Instantiating with a string
const stringContainer = new DataContainer<string>("Hello, world!");
console.log(stringContainer.getData()); // Output: Hello, world!

// Instantiating with a number
const numberContainer = new DataContainer<number>(42);
console.log(numberContainer.getData()); // Output: 42

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 4. Kapittel 4