Comprehending the concept of TypeScript type assertion

Question

Comprehending the concept of TypeScript type assertion

Currently, I'm learning TypeScript and I came across a code snippet that is causing some confusion.

var str = '1' 
var str2:number = <number> <any> str   //str is now of type number 
console.log(typeof(str2))

log: String

From my understanding, initially str was inferred as a String, then it was asserted to be a number when assigned to str2. Str2 was explicitly defined as a number. So why are both str and str2 not of type number since one is converted to a number and the other is declared as a number?

typescript

Answer 1

Answer №1

When utilizing TypeScript type assertion, it's crucial to understand that it does not actually convert the value of the expression. Instead, it simply instructs the TypeScript compiler to treat it as a specific type. Therefore, upon examining the compiled code, you won't come across instances where the number is explicitly mentioned. This discrepancy between expectations and behavior can be attributed to this distinction. To effectively convert a value into a number, the recommended approach involves using the parseInt function:

var str = '1' 
var num:number = parseInt(str)   // The value of 'str' is now interpreted as a number 
console.log(typeof(num))

log: Number

Answer 2

When utilizing TypeScript type assertion, it's crucial to understand that it does not actually convert the value of the expression. Instead, it simply instructs the TypeScript compiler to treat it as a specific type. Therefore, upon examining the compiled code, you won't come across instances where the number is explicitly mentioned. This discrepancy between expectations and behavior can be attributed to this distinction. To effectively convert a value into a number, the recommended approach involves using the parseInt function:

var str = '1' 
var num:number = parseInt(str)   // The value of 'str' is now interpreted as a number 
console.log(typeof(num))

log: Number

Comprehending the concept of TypeScript type assertion

Answer №1

Similar questions

Steps for generating a unit test for code that invokes scrollIntoView on an HTML element

Derive data type details from a string using template literals

Accessing the observable's value by subscribing to it

Tips on retrieving enum values in typescript

Issues with TypeScript arise when transferring arguments between functions

Comparison between typings and @types in the NPM scope

Typescript encounters ERROR TS1128: Expecting a declaration or statement

ANGULAR: Issue with filtering an array by clicking a button is not functioning

Maximizing Jest's potential with multiple presets in a single configuration file/setup

Deciphering key-value pairs that are separated by commas

A new issue arises after merging in Google Datastore, as an unexpected property is

Tips for arranging TypeScript AST nodes and generating a TypeScript file as the final result

Determining the total number of items in an array in Angular efficiently without causing any lag

Developing an object using class and generic features in Typescript

While working with Ngrx/effects, an error with code TS2345 occurred. The error message stated that the argument is of type 'Product[]', which cannot be assigned to a parameter of type

Solving the error message "Cannot find module '@angular/router/src/utils/collection' or its corresponding type declaration"

What is the reason that the command `npx create-react-app my-app --typescript` is not providing me with the expected TypeScript files?

Error with Firebase authentication on a Next.js project using TypeScript

Grab a parameter from the URL and insert it into an element before smoothly scrolling down to that

Activate the download upon clicking in Angular 2