How To Use @ts-ignore For A Block In TypeScript?

How to use Try Catch and Finally in TypeScript ?

Last Updated : 29 Jul, 2024

The try, catch and finally blocks are used for error handling and state management while performing asynchronous tasks. It is an effective way to handle errors and state on the web page. This tutorial will explain to you the use of the try, catch, and finally statements practically.

Explanation:

try: The try block will run a block of code and check for its correctness and errors.
catch: The catch block will catch the error thrown by the try block and print it to your desired location.
finally: The final statement runs always irrespective of try and catch, it is independent of them.

Syntax:

try{
    // A block of code to check for errors
}
catch(error){
    // Displays error thrown by the try block
}
finally{
    // Runs irrespective of try and catch blocks
}

Example: The below code example implements the try-and-catch blocks in TypeScript.

JavaScript

function codeForTryBlock(a: number, b: number) {
	const num1: number = a;
	const num2: number = b;
	if (num1 === num2) {
		console.log("Provided Numbers are same!!");
	}
	else {
		throw new Error("Provided numbers are not same!!");
	}
}

function demoImplementation() {
	try {
		codeForTryBlock(3, 5);
	} catch (error: any) {
		console.error("An error Occured: ", error.message);
	} finally {
		console.log(
"This text is from finally block it runs irrespective of try-catch blocks.");
	}
}
demoImplementation();

Output:

Example: The below code example implements the try, catch and finally to fetch data from an API.

JavaScript

async function fetchGET(url: string): Promise<any> {
	try {
		const response = await fetch(url);
		if (!response.ok) {
			throw new Error(
				`Unable to Fetch Data, Please check 
				URL or Network connectivity!!`
			);
		}
		const data = await response.json();
		return data.results[0];
	}
	catch (error: any) {
		console.error("An Error Occured: ", error.message)
	}
	finally {
		console.log(
"This code is from finally block of fetchGET function and it will run always.");
	}
}

async function fetchData() {
	const returnedData =
		await fetchGET('https://randomuser.me/api');
	console.log(returnedData);
}

fetchData();

Output:

How To Use @ts-ignore For A Block In TypeScript?

A

abhish8rzd

Improve

Article Tags :

Similar Reads

How to Type an Async Function in TypeScript ?

An asynchronous function allows your code to do multiple things at once. It doesn't block the execution of the rest of your code while waiting for a long task (like reading a file, making an API request) to finish. Instead, it returns a Promise, making it easier to handle operations that might take

How to Use Fetch in TypeScript ?

In TypeScript, fetching the data from any server or API using fetch() API is not the same as we used to do it in Plain or Vanilla JavaScript. Let us see how we can use the fetch API to fetch data from any server or API in TypeScript. NOTE: Before using this code, please make sure that you have jQuer

How to use Type Guards in TypeScript ?

Here are the methods to use type guards in TypeScript: 1. Using typeof Type GuardsThe typeof operator checks the type of a variable, primarily for primitive types like string, number, boolean, etc. [GFGTABS] JavaScript function processValue(value: string | number) { if (typeof value === 'string

How To Use @ts-ignore For A Block In TypeScript?

The @ts-ignore is a compiler that lets the compiler ignore the line below it which is like a directive used to suppress TypeScript compiler errors upcoming on the next line of the whole code. This is mostly used when we as the developers know the code is good and useful but the compiler flags it as

How to solve too many try catch in Typescript ?

In this article, we will try to see how we actually write too many try/catch blocks for catching multiple errors in TypeScript, and further, we will try to understand by which technique we may be able to reduce the overhead of writing too many try/catch blocks, with the help of certain coding exampl

How to Use Extension Methods in TypeScript ?

Typescript developers in general face situations where they need to add functionality to existing classes. The extension method in typescript helps in extending the functionality of predefined classes or third-party libraries without modifying the source code. In Simple words, Extension methods in T

How to create conditional types in TypeScript ?

Conditional types in TypeScript enable defining types based on conditions, similar to conditional statements in code. They determine different types of values, making functions adaptable to various input types, and enhancing code flexibility and maintainability. Syntax: We can create conditional typ

How to Create a Global Variable in TypeScript ?

To create a global variable in TypeScript, we have multiple approaches. In this article, we are going to learn how to create a global variable in TypeScript. Below are the approaches used to create a global variable in TypeScript: Table of Content Using var, let or const at the Top LevelUsing window

How to get Value from a Dictionary in Typescript ?

In TypeScript, a dictionary consists of objects that store data in the key-value pairs, and allow retrieval of values based on the specified keys. We can get value from a dictionary for the specific keys using various approaches. Table of Content Using Dot NotationUsing Bracket NotationUsing a Funct

How to use Optional Chaining with Arrays and Functions in TypeScript ?

In this article, we will learn how we can use optional chaining with arrays and functions in TypeScript. Optional chaining in Typescript is mainly a feature that allows us to safely access the properties or the call functions on potentially null or undefined values without causing any runtime errors