Merge pull request #14 from SRedCodes/master

rikreddy97 · web-flow · commit 1efe83a83c93 · 2023-12-19T16:53:57.000+05:30
Error Handling using Try catch Finally block
diff --git a/JavaScript/error handling/css/main.css b/JavaScript/error handling/css/main.css
@@ -0,0 +1,22 @@
+*{
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box;
+}
+html,body{
+
+    width: 100%;
+    font-size:16px;
+    background-color: black;
+    color:#fff;
+}
+main{
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+h1{
+    font-size: 250%;
+}
diff --git a/JavaScript/error handling/index.html b/JavaScript/error handling/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>My Page</title>
+    <link rel="stylesheet" href="css/main.css">
+    <script src="js/main.js"></script>
+</head>
+<body>
+    <main>
+        <h1>My Page</h1>
+    </main>
+</body>
+</html>
diff --git a/JavaScript/error handling/js/main.js b/JavaScript/error handling/js/main.js
@@ -0,0 +1,46 @@
+"use strict";
+// Object..create(); // this is a SyntaxError
+
+const makeError = ()=>{
+    try{ // tries to excute code inside the try block and if found error , it'll be passed as parameter to catch
+    // const name = "srikanth";
+    // name = "bittu"; //  this is a TypeError as const cannot be reassigned.
+    throw new error("This is an error Message"); // throws a custom error
+
+    }catch (er){ // catches error from try block and displayes it
+        console.log(er);
+        console.error(er); // shows up in red background
+        console.table(er); // shows up as table witg key-value pairs
+        console.log(er.name); // provides name of the type of error like TypeError
+        console.log(er.message); // provides explanation for the type of Error
+        console.log(er.stack); // provides name + message
+        // stack = name + message ... these are predefined parts for Error in JS
+    } finally{
+        console.log("...finally")
+    }
+}
+makeError();
+function error(message){
+    this.message = message
+    this.name = "myError" ,
+    this.stack = `${this.name} : ${this.message}`
+
+}
+
+//How does Try catch Finally block work with Example
+
+let i = 1;
+while(i<=5){
+    try{
+        if(i%2 != 0){
+            throw new Error("this is not an Even Number !");
+            console.log("This is not reachable"); // after an error is thrown anything below that is not executed in a try block and it'll move straight to catch block
+        }
+        console.log(`${i} is a Even Number !`) // this is not executed when an error ius thrown
+    }catch(error){
+        console.error(error.stack);
+    }finally{ // finally Block is executed everytime no matter what
+        console.log(`${i} ...Finally`);
+        i++;
+    }
+}
