Explain the finally Statement in JavaScript with examples.

JavascriptWeb DevelopmentObject Oriented Programming

The finally statement always executes after try and catch block regardless of if there was an error or not.

Following is the code for the finally statement in JavaScript −


 Live Demo

<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   .result,.sample {
      font-size: 20px;
      font-weight: 500;
<h1>Finally in Javascript</h1>
<div class="sample"></div>
<div style="color: green;" class="result"></div>
<button class="Btn">CLICK HERE</button>
Click on the above button to call a variable before it is defined
   let sampleEle = document.querySelector(".sample");
   let resEle = document.querySelector(".result");
   document.querySelector(".Btn").addEventListener("click", () => {
      try {
         resEle.innerHTML = a;
      catch (err) {
         resEle.innerHTML = "Error = " + err;
      finally {
         sampleEle.innerHTML = "The code inside finally has been executed";
      let a = 44;


The above code will produce the following output −

On clicking the ‘CLICK HERE’ button −

Updated on 16-Jul-2020 07:12:21