javascript

Working With Functions

A function is a group of reusable code that can be called anywhere in your program. Functions eliminate the need of writing the same code again and again.

Functions also allow a programmer to divide a big program into a small and manageable chunks.

The way to define a function in Javascript is to use the “function” keyword.

function functionName() {
 //statements here ...
}

You could also use ES6 Arrow Functions as well

Passing Parameters

Parameters can be passed while calling a function. These type of functions are called Functions with parameters.

Example

function greet(name, job){
document.write(`Name is ${name} and occupation is ${job}`);
}

<body>
<input type="button" >

The Return Statement

A Javascript function can have an optional return statement. This is required if you want to return a value from a function. This statement should be the last statement in a function.

Example

function add(a, b){
 return a + b;
}

console.log(add(2,3)) //5

Nested Functions

In a nested function, a function can be called inside another function. And it goes on and on depending on the logic of the program.

Example

function showResult(){
console.log(add(2,3)) //Our function from the previous example
}

showResult() //5

Read more about recursive functions here

The End.

Recent Posts

How to Dynamically Create, Update, and Delete HTML Elements

In modern web development, dynamically manipulating HTML elements is essential for creating interactive and responsive…

4 days ago

Why parseInt(’09’) Returns 0

If you've ever encountered the puzzling behavior of parseInt('09') returning 0 in JavaScript, you're not…

7 days ago

Event Bubbling and Capturing: Why Your Click Listener Fires Twice (And How to Fix It)

If you’ve ever built an interactive web application, you may have encountered a puzzling issue:…

2 weeks ago

Practical Array Methods for Everyday Coding

Arrays are the backbone of programming, used in nearly every application. Whether you're manipulating data,…

2 weeks ago

What the Heck Is the Event Loop? (Explained With Pizza Shop Analogies)

If you've ever tried to learn JavaScript, you’ve probably heard about the "Event Loop"—that mysterious,…

3 weeks ago

Why [] === [] Returns false in JavaScript (And How to Properly Compare Arrays & Objects)

JavaScript can sometimes behave in unexpected ways, especially when comparing arrays and objects. If you've…

3 weeks ago