Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
TypeScript Articles
Page 5 of 8
TypeScript - Type erasure and error behaviour?
TypeScript is a popular programming language that offers features such as type checking and type annotations to help developers write more robust and maintainable code. However, when TypeScript code is compiled into JavaScript, the type information is lost in a process called type erasure. This can lead to errors at runtime that are difficult to diagnose and fix. In this article, we will explore the concept of type erasure in TypeScript and how it can affect error behaviour in our code. Type Erasure Type erasure is the process of removing type information from a program during compilation. In TypeScript, this ...
Read MoreHow is TypeScript an optionally statically typed language?
TypeScript is an open-source programming language developed and maintained by Microsoft. It is a superset of JavaScript, which means that all valid JavaScript code is also valid TypeScript code. TypeScript adds optional static typing, classes, interfaces, and other features to JavaScript to improve code quality, maintainability, and scalability. In this article, we'll explore how TypeScript is an optionally statically typed language, what that means for developers, and how it can benefit them in their projects. What is Optional Static Typing? Static typing is a programming language feature that allows developers to define data types for variables, function parameters, and function ...
Read MoreHow to create your own TypeScript type definition files (.d.ts)?
TypeScript, a superset of JavaScript, offers static typing capabilities that enhance code quality and catch errors during compilation. To fully leverage TypeScript's static typing features, it's crucial to have type definition files (.d.ts) for external JavaScript libraries and modules used in projects. These type definition files describe the types and interfaces exposed by the external entities, enabling the TypeScript compiler to understand their shape and behaviour. In this article, we'll explore the step-by-step process of creating custom TypeScript type definition files, empowering developers to benefit from static typing in their projects. Prerequisites Type definition files (.d.ts) serve as an interface ...
Read MoreHow internal is different from external modules?
TypeScript, an extension of JavaScript, introduces modules as a means to structure and organize code effectively. Modules play a vital role in developing scalable and maintainable applications by enabling code encapsulation and reusability. TypeScript supports two types of modules: internal (namespaces) and external (ES modules). In this article, we will delve into the differences between internal and external modules in TypeScript, exploring their characteristics and impact on code organization and sharing within a project. Internal Modules Internal modules, also known as namespaces, serve as logical containers within a single file to group related code elements together. They offer benefits such ...
Read MoreHow to compile .ts automatically with real-time changes in .ts file?
TypeScript is a popular programming language widely used for developing large-scale applications. It is a superset of JavaScript and adds optional static typing, interfaces, and generics to the language. When working with TypeScript, it is crucial to have a smooth development workflow that includes automatically compiling .ts files with real-time changes. In this article, we will explore the different tools and techniques that can be used to achieve this. Why Automatically Compile TypeScript Files? When working on a TypeScript project, developers often make changes to the .ts files. After making changes, they must compile these files to get the corresponding ...
Read MoreExplain about noImplicitAny in TypeScript
TypeScript is a popular typed superset of JavaScript that compiles down to plain JavaScript. It offers numerous features to improve the overall developer experience, such as static typing, interfaces, and namespaces. One key feature in TypeScript is the noImplicitAny compiler option. In this article, we will explore noImplicitAny, its benefits and drawbacks, and two different approaches to deal with it in your TypeScript code. Approach 1: Explicit Type Annotations This approach involves adding type annotations to every variable and function parameter, ensuring that the compiler knows the expected types. Adding Type Annotations function add(a: number, b: number): number { ...
Read MoreHow TypeScript Compilation Works?
The popular programming language TypeScript has been widely adopted by developers in recent years. It is a superset of JavaScript that enhances the language with static typing and other features to make complicated application development simpler and error-prone. However, TypeScript code must be compiled into JavaScript because it cannot be performed directly in a browser or server. Any developer using TypeScript must comprehend how TypeScript compilation operates. There are multiple processes in the TypeScript compilation process, including parsing, type-checking, outputting JavaScript, bundling, and execution. The TypeScript compiler parses the code during the parsing phase and creates an abstract syntax tree ...
Read MoreIdentifiers and Keywords in 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 MoreHow does tuple destructuring work in TypeScript?
In TypeScript, a tuple is an object which contains the values of different data types. The length of a tuple is always pre-defined. It is similar to an array, but the array contains the values of only one data type, and the tuple contains values of multiple data types. Destructuring the tuple means getting the values from the tuple in separate variables. For example, we need to use tuple values multiple times in the code block. We can get all values in separate variables and use variables whenever we require tuple values, rather than every time accessing values from tuple ...
Read MoreHow to make object properties immutable in TypeScript?
The simple definition of the immutable object property is the properties we can’t modify once we define and initialize the object property. We can use the const keyword, but we have to initialize the property while creating the property. So, we have to use the readonly keyword to make the property immutable, allowing it to be read-only. So, once we initialize the property, we can’t modify the value of the property. Syntax Users can follow the syntax below to use the readonly keyword to make object properties immutable. interface test { readonly property1: boolean; } var object: ...
Read More