How can you define the return type of a function in TypeScript?

Defining return types for functions in TypeScript is a crucial feature that enhances code readability and maintainability while detecting potential errors during compilation. In TypeScript, you can specify the return type of a function by placing a colon (:) followed by a type annotation after the function declaration.

Example 1: Basic Type Return

If a function returns a string, you can define it as:

typescript
function getWelcomeMessage(name: string): string {
    return `Hello, ${name}!`;
}

In this example, the getWelcomeMessage function accepts a parameter named name of type string and explicitly specifies the return type as string.

Example 2: Interface Type Return

When the return value is an object, you can define an interface to describe its structure and use this interface as the return type in the function declaration:

typescript
interface User {
    name: string;
    age: number;
}

function getUser(): User {
    return { name: "Alice", age: 30 };
}

Here, the getUser function's return type is defined as the User interface, meaning the returned object must conform to the structure of the User interface.

Example 3: Generic Return Type

When dealing with more complex data structures, such as arrays or other generic types, you can specify the exact return type:

typescript
function getItems<T>(items: T[]): T[] {
    return items;
}

This getItems function uses the generic type T, allowing it to accept arrays of any type and return an array of the same type. This design provides high flexibility and reusability.

In TypeScript, adding explicit return types to functions makes the code clearer and easier to understand. Additionally, it aids in error detection during development, improving code quality. In practical development, choosing the appropriate type annotations based on the function's specific functionality and return value type is essential.