What is the reason for the constant type being 2.8 in Typescript?

During my Typescript studies, I came across a constant with the value of 2.8: const num = 2.8. However, I was puzzled as to why it doesn't have the data type 'number'

Answer №1

2.8 represents a specialized numeric literal type, specifically holding the value of 2.8.

Given that num is declared as a const, it is limited to only ever storing the value assigned to it, making the 2.8 type ideal for this scenario.

It's important to note that you can assign a value of type 2.8 to a variable of type number.

An example of practical use for literal types includes:

type sortDirection = "ascending" | "descending";

This demonstrates how string literal types combined with union types create a defined type that can only contain the specified strings within its definition.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

The data type 'Observable<any>' cannot be assigned to the type 'StoresSummaryResults'. The property 'Data' is not present in the 'Observable<any>' type

As a newcomer to using the Observable with Angular 2, I am facing an issue where my structure is not receiving the results despite being able to validate the response from my REST API. Below is the data class in Typescript that I have: import { RESTResul ...

Guide to navigating to a different view with Barcode-Scanner in Ionic 2

I'm struggling to redirect to a different view after scanning a barcode in my Ionic 2 app using barcode-scanner. I've tried the push method but it's not loading the other page, and passing parameters to the new view also doesn't seem to ...

Encasing event handler callback within Observable pattern

I am currently exploring how to wrap an event callback from a library to an RxJS Observable in a unique way. This library I am working with sets up handlers for events like so: const someHandler = (args) => {}; const resultCallback = (result) => {} ...

What is the best way to limit the type of the second argument based on the type of the

Within the tutorial Exploring How to Extract Parameter Types from String Literal Types Using TypeScript, a fascinating problem is presented without a solution. function calculate(operation, data) { if (operation === 'add') { return da ...

Angular select element is not functioning properly with the `addEventListener` method

My current project involves creating a table using the primeng library. The table consists of three rows and three columns, and all the data is static. Even though I am utilizing an external library, I find myself traversing the DOM directly. <p-table ...

Error: Trying to access 'items' property of an undefined variable leads to a TypeError

I am currently working on creating a webpage with Angular 8 that fetches data from a REST API in JSON format by passing the request ID. My goal is to display this data in an HTML table that I have created. However, I encountered the following error: Typ ...

What are the steps to incorporating the pick function in TypeScript?

The TypeScript documentation mentions a pick function that is declared but not implemented. In an attempt to create a simplified version, I wrote the following: function pick<T, K extends keyof T>(obj: T, key: K): Pick<T, K> { return { [key]: ...

What is the method for assigning a type to a value of uncertain type using type predicates?

I am encountering an issue with a type predicate function that is designed to assign a type to a JSON object interface Duck { canQuack: true } function isDuck(duck: unknown): duck is Duck { if (typeof duck !== "object" || ! duck) return false retur ...

Import a JSON file into Angular 8 and parse its contents

My code is intended to read and upload a JSON file (ARM template), but I am encountering an issue where this.updateObj appears as undefined in the console.log. Below is my code: onChange(fileList: FileList): void { var file = fileList[0]; var fileR ...

Running the nestjs build command is impossible without the existence of the node_modules folder

Currently, I am in the process of creating a Nestjs micro-service and everything is going smoothly. To run the build found within the dist folder, I use the command below: node dist/main.js However, I encountered a problem where this command does not exec ...

"Versatile TypeScript interface featuring a combination of different data types for its

When dealing with multiple HTML forms, I need to set up inputs and manage their values. The structure of my types is as follows (you can paste it into TypeScript Playground http://www.typescriptlang.org/play to see it in action): interface InputConfig { ...

Issue encountered in the vitest configuration while using NextJS13: unable to locate imported module

Trying to integrate vitest with a NextJS13 app, but encountering issues during a simple test run. https://i.sstatic.net/hGyhc.png Not sure what's causing the problem. I've tried adjusting the vitest.config.ts file by adding the dir option and m ...

I am facing an issue with my useFetch hook causing excessive re-renders

I'm currently working on abstracting my fetch function into a custom hook for my Expo React Native application. The goal is to enable the fetch function to handle POST requests. Initially, I attempted to utilize and modify the useHook() effect availab ...

Displaying personalized message 'Loading...' while waiting for the data to be retrieved from the API

How can I display a 'Loading' text message until the data is fetched from the API? Currently, it just shows a message saying 'No data to display' I have searched through the documentation but couldn't find any related information. ...

The html-duration-picker is not being displayed in the proper format

I've been working on integrating an external library that allows for inputting document length. Specifically, I'm using the html-duration-picker library, but it seems like the input functionality is not quite right for durations. Could it be th ...

Updating a neighboring input variable in Angular 2 whenever an input variable is modified

When modifying input parameters, I aim to execute certain operations. For instance, suppose I have a DatePicker component with a type input variable. I intend to trigger some actions involving another date variable when the type is altered. How can this be ...

Angular 10: Unexpected Behavior with Observables

When I initially call addPost(), the observable behaves as expected with a 5-second delay. However, when I call it a second time, the data updates in the HTML without any delay. On the other hand, the same observable with deletePost() functions perfectly. ...

Access a calendar for selecting a date within a v-select component in VUE

Currently, I am facing an issue with a v-select feature on my website. It contains four items for selecting different dates, with the last item designated for choosing a manual date. My intention is to have a menu or dialog box pop open when this option is ...

Incorporating Google Pay functionality within Angular applications

I have been attempting to incorporate Google Pay into my Angular project, but I am struggling to find reliable resources. My main issue revolves around the following code... <script async src="https://pay.google.com/gp/p/js/pay.js" onloa ...