Creating an enum in TypeScript can be accomplished by using the enum

Question

Creating an enum in TypeScript can be accomplished by using the enum

What transformations do enums undergo during runtime in the TypeScript environment?

Fruit.ts

enum Fruit {APPLE, ORANGE};

main.ts

let basket = [Fruit.APPLE, Fruit.ORANGE];
console.log(basket);

The resulting main.js file remains identical to the .ts version, but this may not be feasible.

typescript

Answer 1

Answer №1

Here is the JavaScript code for that logic:

// Fruit.js
var Fruit;
(function (Fruit) {
    Fruit[Fruit["APPLE"] = 0] = "APPLE";
    Fruit[Fruit["ORANGE"] = 1] = "ORANGE";
})(Fruit || (Fruit = {}));

// main.js
var bowl = [Fruit.APPLE, Fruit.ORANGE];
console.log(bowl);

If you wish to optimize, consider using a const enum:

const enum Fruit {APPLE, ORANGE};

This approach will directly inline the values of the enum in the JavaScript code:

// Fruit.js: no content, as the values are directly used in main.js

// main.js
var bowl = [0 /* APPLE */, 1 /* ORANGE */];
console.log(bowl);

Using a const enum eliminates unnecessary JS generated from regular enums.

Answer 2

Here is the JavaScript code for that logic:

// Fruit.js
var Fruit;
(function (Fruit) {
    Fruit[Fruit["APPLE"] = 0] = "APPLE";
    Fruit[Fruit["ORANGE"] = 1] = "ORANGE";
})(Fruit || (Fruit = {}));

// main.js
var bowl = [Fruit.APPLE, Fruit.ORANGE];
console.log(bowl);

If you wish to optimize, consider using a const enum:

const enum Fruit {APPLE, ORANGE};

This approach will directly inline the values of the enum in the JavaScript code:

// Fruit.js: no content, as the values are directly used in main.js

// main.js
var bowl = [0 /* APPLE */, 1 /* ORANGE */];
console.log(bowl);

Using a const enum eliminates unnecessary JS generated from regular enums.

Answer 3

Answer №2

If you plan on utilizing the Fruit enum outside of the fruit.ts file, it's necessary to export it...

export enum Fruit {APPLE, ORANGE};

Then, in another file where you want to access it, you must reference it like this...

import {Fruit} from './fruit';
var fruitBasket = [Fruit.APPLE, Fruit.ORANGE];
// I must say, calling it a "fruitBasket" is quite fitting

Additionally, to use the import functionality, you need to specify a module type in tsconfig.json (or through command line arguments)

Answer 4

If you plan on utilizing the Fruit enum outside of the fruit.ts file, it's necessary to export it...

export enum Fruit {APPLE, ORANGE};

Then, in another file where you want to access it, you must reference it like this...

import {Fruit} from './fruit';
var fruitBasket = [Fruit.APPLE, Fruit.ORANGE];
// I must say, calling it a "fruitBasket" is quite fitting

Additionally, to use the import functionality, you need to specify a module type in tsconfig.json (or through command line arguments)

Creating an enum in TypeScript can be accomplished by using the enum

Answer №1

Answer №2

Similar questions

Tips for creating a dynamic interface in TypeScript to eliminate repetitive code

Having trouble retrieving information from Node.js service in AngularJS 2

Steps for converting an Array of tuples into a Union of Tuples

Looking for a solution to the TypeScript & Mantine issue of DateValue not being assignable?

Why do my messages from BehaviorSubject get duplicated every time a new message is received?

I am experiencing an issue with mydaterangepicker and primeng where it is not displaying properly in the table header. Can anyone assist me with this

Typescript interface created specifically for React Higher Order Component Props

Leverage classes from a CommonJS module within a Typescript environment

Sending an array of functions to the onClick event of a button

Writing a CSV file to AWS S3 proves to be unsuccessful

Angular-meteor tutorials have a method known as '/parties/insert' that is already clearly defined and explained

The ordering of my styles and Material-UI styles is causing conflicts and overrides

Is there a way to retrieve the name of a document stored within a collection using Firebase Firestore and Firebase Storage

What is the best way to inject a service instance into the implementation of an abstract method?

The error message "TypeError: (0 , N.createContext) is not a function" indicates that

Quickest method for sorting an array of objects based on the property of another object's array

"Implementing a call and waiting at intervals by utilizing the subscribe function in Angular 6

Is there a way to retrieve all IDs within an array of objects using a foreach loop and merge the data associated with each ID?

Adjust website content depending on user's authentication status

Creating a layered image by drawing a shape over a photo in Ionic using canvas