Kodeclik Blog
How to exit a function in Javascript
Exiting a function in Javascript is really easy! You can use the return, break, or throw statements. Let us look first at why you need to exit a function and the approach for each.
Exiting a Javascript function using return
One reason to exit a function can be considered a “job done” situation. The return statement immediately exits the function, and any value or variable passed after return will be returned. This is a common way to exit a function based on a certain condition or conditions.
Here's an example of using the return statement to exit a function:
function checkGPA(gpa) {
if (gpa < 0.0 || gpa > 4.0) {
return;
}
console.log("This is a valid GPA");
}
checkGPA(3.5);
// This will print "This is a valid GPA"
checkGPA(4.5);
// This will exit the function without printing the messageThe provided JavaScript function checkGPA takes a single parameter gpa and checks if it is within the valid range of 0.0 to 4.0. If the gpa is outside this range, the function exits without any further action. If the gpa is within the valid range, it logs "This is a valid GPA" to the console. Here's a breakdown of the function.
In other words, return terminates the function and returns a value.
Exiting a Javascript function using break
The second way to exit a Javascript function is using “break”. It is traditionally used to exit from loops, but can also be used to exit from a function using labels, although this is less conventional.
Below is an example. Let us suppose we are on the hunt for prime numbers. Let us further assume we are starting from 90. As soon as we find a prime, we can exit a function (and we will use “break” to illustrate it). Here is our program:
function checkPrime() {
for (let num = 90; num <= 120; num++) {
let isPrime = true;
for (let i = 2; i < num; i++) {
if (num % i === 0) {
isPrime = false;
}
}
if (isPrime && num > 1) {
break;
} else {
document.write(num + '<BR>')
}
}
}
checkPrime()Note that we define a function called checkPrime and within this function, we are iterating through numbers from 90 to 120 using a for loop. For each number, we check if it is a prime number by iterating from 2 to the number itself minus 1. If the number is not prime, it is displayed on the document.
The program does not use an efficient algorithm to check for prime numbers, but we are using it here to illustrate the idea of exiting a function as soon as we know we don’t need to search anymore.
The output of this program is:
90
91
92
93
94
95
96In other words, all numbers from 90 to 96 (inclusive) are composite. 97 is prime and as soon as we know this we break from the program and thus exit the function.
Exiting a Javascript function using throw
The final way to exit a Javascript function is to throw an exception using the “throw” statement. It doesn't necessarily return a value, but interrupts the runtime by raising an exception.
Here's an example of a JavaScript program that uses a for loop and throws an exception:
for (let i = 0; i < 5; i++) {
if (i === 3) {
throw new Error('An error occurred at i = 3');
}
console.log(i);
}In this example, a for loop is used to iterate from 0 to 4. Inside the loop, there's an if statement that checks if the current value of i is 3. If it is, an error is thrown. This will cause the loop to be exited, and the error will be propagated up the call stack. Essentially, the console.log() will be skipped (for the value of 3 and for the value of 4 as well because the program has exited).
Thus the console.log() output will look something like:
0
1
2
Error: An error occurred at i = 3Thus in summary, you use return for “job done”, break for “not necessary to do any work anymore” and throw for “something bad or unexpected happened, I need to exit”.
If you liked learning how to exit a function in Javascript, learn how to exit a function in Python! Allso learn how to breakout of foreach loops in Javascript.
Want to learn Javascript with us? Sign up for 1:1 or small group classes.
