JavaScript Functions :-
Functions are fundamental building blocks in all programming.
Functions enable better code organization, modularity, and efficiency.
Functions are reusable block of code designed to perform a particular task.
Functions execute when they are "called" or "invoked".
Example:-
Function to compute the product of two numbers:
function myFunction(p1, p2) {
return p1 * p2;
JavaScript Function Syntax:-
function name(p1, p2, p3) { // code }
A function is defined with the function keyword, followed by the function name, followed by
parentheses ( ), followed by brackets { }.
The name follows the naming rules for variables (letters, digits, ...).
Optional parameters are listed inside parentheses: (p1, p2, p3)
The code to be executed is listed inside curly brackets: { code }
Functions can optionally return a value back to the "caller".
Function Invocation ():-
The code inside the function will execute when "something" invokes (calls) the function:
When it is invoked (called) from JavaScript code
When an event occurs (a user clicks a button)
Automatically (self invoked)
The () operator invokes (calls) the function:
Example
Convert Fahrenheit to Celsius:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
let value = toCelsius(77);
Arrow Functions:-
Arrow functions were introduced in ES6.
Arrow functions allow us to write shorter function syntax:
Before Arrow:
Function to compute the product of a and b
let myFunction = function(a, b) {return a * b}
With Arrow:
let myFunction = (a, b) => a * b;
Local Variables:-
Variables declared within a JavaScript function, become LOCAL to the function.
Local variables can only be accessed from within the function.
Example
// code here can NOT use carName
function myFunction() {
let carName = "Volvo";
// code here CAN use carName
// code here can NOT use carName
Parameters vs. Arguments:-
In JavaScript, function parameters and arguments are distinct concepts:
Parameters are the names listed in the function definition.
Parameters are the names of the values that will be passed.
Example
"name" and "age" are parameters:
function greet(name, age) {
return `Hello $name! You are ${age} years old.`;
Arguments are the values passed to the function when it is invoked or called.
Arguments are the values received by the function.
Example
"John" and 21 are arguments:
