Found 128 Articles for TypeScript

In this tutorial, we'll learn about identifiers and keywords in TypeScript. Identifiers and keywords are two fundamental concepts in TypeScript, a statically-typed superset of JavaScript. Identifiers are names we give to variables, functions, classes, and other things in our code. Keywords are special words with specific meanings in TypeScript and can't be used as identifiers. Identifiers must follow certain rules in naming variables, functions, and classes to avoid syntax errors. On the other hand, using keywords as identifiers can lead to errors and make our code difficult to read and understand. Rules and Best Practices for Identifiers and ... Read More

In the ES6 version of ECMAScript, promises are introduced for the first time. To use the ES6 promises in the TypeScript project, users need to modify the tsconfig.json file. Add the below code inside the ‘compilerOptions’ object. { "compilerOptions": { "target": "es6", } } Also, users can add ‘ES6’ inside the ‘lib’ property, as shown below. { "compilerOptions": { "lib": [ "es6", ... Read More

The Window object, known as the Global TypeScript object, represents the current web page in a browser window. The location, history, and document of the current page, as well as other methods and attributes, can all be accessed and controlled using this method. The Navigator object is a property of the Window object. It contains information about the browser and device used to visit the website, including the user agent, platform, and language. TypeScript's Window.navigator object can receive information about the device browser and perform operations on those objects. The Window and Navigator objects can be used in TypeScript by ... Read More

The programming language TypeScript is based on JavaScript and is strongly typed, object-oriented, and compiled. The language is improved with tools like static typing, classes, and interfaces that help with early error detection and make JavaScript more manageable. One of TypeScript's features is the ability to enforce the types of an object's indexed members, and this process is also referred to as an index signature. An index signature is a set of key-value pairs describing the many properties an object may have. The type of the property name and the type of the property value are specified, respectively, using the ... Read More

Before developing the actual generic class, let's first learn about the Generic class. A TypeScript class known as generic may deal with numerous types of data. It is a variety of arguments and is displayed using angle brackets (). This represents the kind of data the class will use to achieve this. The type argument can then be used in the class's properties and functions to make the class flexible and reusable with other data types. We will be briefing a little bit. Suppose, in an example, the type parameter is denoted as "T" and the property "value" of the ... Read More

We can use the try-catch statements to solve errors in TypeScript. Sometimes, we require adding more than one try-catch block in the code to handle multiple errors. When we add multiple try-catch statements in the code, the code becomes unreadable, and it becomes a headache for developers to refactor. In this tutorial, we will learn to convert too many try-catch blocks into a single try-catch block which can manage multiple errors. Syntax Users can follow the syntax below to use the single try-catch block in TypeScript. try { throw new Error("error_message"); // this code ... Read More

In TypeScript, we need to define the types for every variable and object as it is a type of strict language and also contains conditional types. From the word conditional type, we can predict that we need to choose a variable based on a particular condition. Yes, you heard right. As we use an if-else statement to execute the particular code block based on a certain condition, we can also choose a type of variable based on a certain condition. In this tutorial, we will learn to create condition types in TypeScript. Syntax Users can follow the syntax below to ... Read More

Asynchronous programming allows us to perform multiple tasks parallelly. We can use the async/await keyword to make the function asynchronous. Before we start, let’s learn the need for asynchronous programming and function. It takes some time to respond when we fetch data from the API. Now, think we need to use the results in our app, which we get from API. The single-threaded programming language like TypeScript and JavaScript never stops the execution of the code. So, It doesn’t wait for the response of the API and starts performing some operation on null values. When we make the function asynchronous, ... Read More

The string and number are both primitive data types in TypeScript. Sometimes, we get the number in the string format, and we need to convert the string values to the number to perform mathematical operations on the value. If we perform the mathematical operation on the string values, it gives weird results. For example, adding another number value to the string of numbers appends the number to the string rather than adding. We will learn to convert strings to numeric values using various methods and approaches in TypeScript. So, we require to convert the string to a number in TypeScript. ... Read More

The longest side of a right-angled triangle and the side that faces away from the right angle is known as the Hypotenuse. The Pythagorean theorem explains that the Hypotenuse's square equals the sum of the squares of the other two sides. We can be used to determine it using this theorem. The formula representation for this theorem is c2 = a2 + b2, where c means the Hypotenuse and a and b are the triangle's two sides. When the lengths of the other two sides of a triangle are known, the Pythagorean theorem quickly determines the value of the Hypotenuse. ... Read More