Post
Ask Question

Try Catch Statement in TypeScript

The try catch in TypeScript statement provides a way to handle some or all of the errors that may occur in an application. These errors are often referred to as an exception. In a try-catch statement, you code a try block that contains the statements that may throw an exception. Then, you code a catch block that contains the statements that are executed when an exception is thrown by any statement in the try block. This is known as exception handling.
 
If an exception is thrown within a try block, the exception is caught by the catch block. Otherwise, the exception is passed to the calling function. This passing of the exception continues until the exception is caught or the application ends with a runtime error.
 
Syntax
  1. try {} catch (Exception ex) {}  
  2. We can also use the "finally"  
  3. block  
  4. for exception handling;  
  5. see: try {}  
  6. catch (Exception ex) {} finally {}  
The "finally" block is guaranteed to be executed.
 
Example
 
The following example describes how to use try-catch statements in TypeScript. This program deletes an element from an array. Deleting an element from an array does not affect the size of the array. It also checks whether deletion is possible or not. For example, suppose an array has three elements and you want to delete an element at position seven which is not possible.
 
Step 1

Open Visual Studio 2012 and click on "File" menu -> "New" -> "Project". A window is opened. Provide the name of your application like "Delete_Element_from_Array", then click on the Ok button.
 
Step 2
 
After Step 1 your project has been created. Solution Explorer, which is at the right side of Visual Studio, contains the following:
  • CSS: This is the design stylesheet file. Styles define how to display HTML elements.
  • ts: This is the TypeScript file. All classes and functions are defined in this file.
  • js: This is the JavaScript file. This file is created from the TypeScript file.
Step 3
 
Delete_Element_from_Array.ts
  1. class delete_element   
  2. {  
  3.   element()   
  4.   {  
  5.     var pos, c, n, value;  
  6.     var array: number[] = [100];  
  7.     n = parseInt(prompt("Enter number of elements in array"));  
  8.     for (c = 0; c < n; c++)  
  9.       array[c] = parseInt(prompt("Enter " + n + " integers"));  
  10.     for (var x = 0; x < n; x++)   
  11.     {  
  12.       var span = document.createElement("span");  
  13.       span.style.color = "Green";  
  14.       span.innerText = "Enter " + x + " Element -> " + array[x] + "\n";  
  15.       document.body.appendChild(span);  
  16.     }  
  17.     pos = parseInt(prompt("Enter the location where you wish to delete element"));  
  18.     try   
  19.     {  
  20.       if (pos >= n + 1)   
  21.       {  
  22.         alert("Deletion not possible.");  
  23.       }   
  24.       else   
  25.       {  
  26.         for (c = pos - 1; c < n - 1; c++)  
  27.           array[c] = array[c + 1];  
  28.         var span1 = document.createElement("span1");  
  29.         span1.style.color = "red";  
  30.         span1.innerText = "Resultant array is \n";  
  31.         document.body.appendChild(span1);  
  32.         for (c = 0; c <= n - 1; c++)   
  33.         {  
  34.           var span = document.createElement("span");  
  35.           span.style.color = "Blue";  
  36.           span.innerText = "Array Element " + c + " -> " + array[c] + "\n";  
  37.           document.body.appendChild(span);  
  38.         }  
  39.       }  
  40.     }   
  41.     catch (Error)   
  42.     {  
  43.       alert(Error.message);  
  44.     }  
  45.   }  
  46. }  
  47. window.onload = () =>   
  48. {  
  49.   var greeter = new delete_element();  
  50.   greeter.element();  
  51. };   
deleteDemo.html
  1. <!DOCTYPE html>  
  2. <html lang="en" xmlns="http://www.w3.org/1999/xhtml">  
  3.    <head>  
  4.       <meta charset="utf-8" />  
  5.       <title> TypeScript HTML App  
  6.       </title>  
  7.       <link rel="stylesheet" href="app.css" type="text/css" />  
  8.       <script src="app.js"></script>  
  9.    </head>  
  10.    <body>  
  11.       <h2> Delete Element From TypeScript Array  
  12.       </h2>  
  13.       <div id="content" />  
  14.    </body>  
  15. </html>   
app.js
  1. var delete_element = (function()   
  2. {  
  3.   function delete_element() {}  
  4.   delete_element.prototype.element = function()   
  5.   {  
  6.     var pos;  
  7.     var c;  
  8.     var n;  
  9.     var value;  
  10.     var array = [100];  
  11.     n = parseInt(prompt("Enter number of elements in array"));  
  12.     for (c = 0; c < n; c++)   
  13.     {  
  14.       array[c] = parseInt(prompt("Enter " + n + " integers"));  
  15.     }  
  16.     for (var x = 0; x < n; x++)   
  17.     {  
  18.       var span = document.createElement("span");  
  19.       span.style.color = "Green";  
  20.       span.innerText = "Enter " + x + " Element -> " + array[x] + "\n";  
  21.       document.body.appendChild(span);  
  22.     }  
  23.     pos = parseInt(prompt("Enter the location where you wish to delete element"));  
  24.     try   
  25.     {  
  26.       if (pos >= n + 1)   
  27.       {  
  28.         alert("Deletion not possible.");  
  29.       }   
  30.       else   
  31.       {  
  32.         for (c = pos - 1; c < n - 1; c++)   
  33.         {  
  34.           array[c] = array[c + 1];  
  35.         }  
  36.         var span1 = document.createElement("span1");  
  37.         span1.style.color = "red";  
  38.         span1.innerText = "Resultant array is \n";  
  39.         document.body.appendChild(span1);  
  40.         for (c = 0; c <= n - 1; c++)   
  41.         {  
  42.           var span = document.createElement("span");  
  43.           span.style.color = "Blue";  
  44.           span.innerText = "Array Element " + c + " -> " + array[c] + "\n";  
  45.           document.body.appendChild(span);  
  46.         }  
  47.       }  
  48.     }   
  49.     catch (Error)   
  50.     {  
  51.       alert(Error.message);  
  52.     }  
  53.   };  
  54.   return delete_element;  
  55. })();  
  56. window.onload = function()   
  57. {  
  58.   var greeter = new delete_element();  
  59.   greeter.element();  
  60. };   
Output 1
 
Enter the number of elements in the array and then click on ok.
 
enter-element.jpg
 
Output 2
 
Enter elements.
 
element-0.jpg
 
element-1.jpg
 
element-2.jpg
 
Output 3
 
Enter the location of where you wish to delete an element:
 
enter-delete-element.jpg
 
Output 4
 
result.jpg
 
Output 5
 
If we enter a greater position element then:
 
err.jpg
 
err-1.jpg


Similar Articles