What is the inline function in JavaScript ?

In JavaScript, an inline function is a special type of anonymous function that is assigned to a variable, or in other words, an anonymous function with a name. JavaScript does not support the traditional concept of inline functions like C or C++. Thus anonymous function and inline function is practically the same. Unlike normal functions, they are created at runtime.

Syntax:

• Function:

function func() {
    //Your Code Here
}

• Anonymous function:

function() {
    //Your Code Here
}

• Inline function

let func = function() { 
    //Your Code Here 
};

Explanation:

Making an inline function is really simple. First, make an anonymous function(a function with no name), and then assign it to a variable.

Example 1: In this example, we are showing different types of inline functions that are taking input as a parameter.

// Inline function in JavaScript
let sum = function (x, y) {
    console.log(x + y);
}
// An annonymous function
let product = (x, y) => { console.log(x * y) }

// Normal function

function maxElement(x, y) {
    if (x > y) console.log(`${x} ix the bigger`);
    else console.log(`${y} is the bigger`);
}

sum(10, 20);
product(2, 4);
maxElement(23, 45);

30
8
45 is the bigger

Example 2:  In this example, we are showing different types of inline functions.

// Normal function
function func() {
    console.log("Hello I'm inside function");
}

//anonymous function
let annonymous = function () {
    console.log("Hello I'm inside anonymous function");
}

//inline function
let inline_func = function () {
    console.log("Hello I'm inside inline function");
};

func();
annonymous();
inline_func();

Hello I'm inside function
Hello I'm inside anonymous function
Hello I'm inside inline function