How to Check Types in Typescript ?
source link: https://www.geeksforgeeks.org/how-to-check-types-in-typescript/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
To write dependable, error-free TypeScript code, from type declarations to type guards and type checks, one must comprehend these techniques.
There are several approaches available to check the types in typescript which are as follows:
Using the typeof operator
The typeof operator is a straightforward way to determine the data type of a value. It returns a string representing the type, such as “string,” “number,” or “boolean.”
Example: In this code snippet, we demonstrate how to check the types of variables num and str using the typeof operator in TypeScript.
- Javascript
let num: number = 10;let str: string = "Hello";if (typeof num === "number") {console.log("num is a number");}if (typeof str === "string") {console.log("str is a string");} |
Output:
num is a number
str is a string
Using the instanceof Operator
The instanceof operator in TypeScript verifies if an object inherits from a specific class, allowing you to check object lineage. This is valuable for working with custom classes.
Example: In this example, we define a Person class with name and age properties. We create an instance of Person called person1 and use the instanceof operator to check if person1 is an instance of the Person class. If it is, it logs a message confirming it.
- Javascript
class Person {name: string;age: number;constructor(name: string, age: number) {this.name = name;this.age = age;}}let person1 = new Person("John", 30);if (person1 instanceof Person) {console.log("person1 is an instance of Person");} |
Output:
person1 is an instance of Person
Using Type Guards
Type guards are excellent characteristics that help with restricting a variable’s type according to specific conditions. They improve code readability and enable complex type checks.
Example: In this example, we define a type guard function isString that checks if the provided value is a string. We then use this function to conditionally check if unknownValue is a string, and if it is, we safely utilize string methods like toUpperCase().
- Javascript
function isString(value: any): value is string {return typeof value === "string";}let unknownValue = "Hello";if (isString(unknownValue)) {console.log("unknownValue is a string:", unknownValue.toUpperCase());} |
Output:
"unknownValue is a string:", "HELLO"
“This course was packed with amazing and well-organized content! The project-based approach of this course made it even better to understand concepts faster. Also the instructor in the live classes is really good and knowledgeable.”- Tejas | Deutsche Bank
With our revamped Full Stack Development Program: master Node.js and React that enables you to create dynamic web applications.
So get ready for salary hike only with our Full Stack Development Course.
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK