How to use Type Aliases Approach In Typescript

Direct Reference Approach

Using the Type Aliases approach employs the type keyword to create a type alias that references itself. This technique offers an alternative to interface declarations and provides flexibility in defining recursive data structures.

Syntax:

type TreeNode = {
    value: number;
    left?: TreeNode;
    right?: TreeNode;
}

Example: The below code implements the Type Alias to create an interface with self referencing property.

Javascript

type TreeNode = {
    value: number;
    left?: TreeNode;
    right?: TreeNode;
}
 
const rootNode: TreeNode = {
    value: 5,
    left: {
        value: 3,
        left: { value: 2 },
        right: { value: 4 }
    },
    right: {
        value: 8,
        left: { value: 7 },
        right: { value: 9 }
    }
};
 
console.log(rootNode);

Output:

{
    value: 5,
    left: {
        value: 3,
        left: {
            value: 2
        },
        right: {
            value: 4
        }
    },
    right: {
        value: 8,
        left: {
            value: 7
        },
        right: {
            value: 9
        }
    }
}

How to Create Interface with Self-Reference Property in TypeScript ?

In TypeScript, interfaces allow you to define the structure of objects. Sometimes, you may need to create interfaces where an object property refers to the object itself. This is useful for defining recursive data structures like trees or linked lists.

Table of Content