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

War alles klar?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 4

Fragen Sie AI

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

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

Swipe um das Menü anzuzeigen


              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

War alles klar?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 4