What is the inline function in JavaScript ?

Last Updated : 13 Dec, 2023

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.

Javascript

   // 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);
 
  

Output

30 8 45 is the bigger

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

Javascript

   // 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();
 
  

Output

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

What is Currying Function in JavaScript?

shubhamr238

Improve

Article Tags :

If you've ever played around with JavaScript, you might have seen this expression. It's like a strange set of symbols, but it has a special name that is an immediately invoked function expression, or IIFE. In this article, we will understand each element of the expression as well as the functionalit

3 min read

What is the first class function in JavaScript ?

First-Class FunctionA programming language is said to have First-class functions if functions in that language are treated like other variables. So the functions can be assigned to any other variable or passed as an argument or can be returned by another function. JavaScript treats function as a fir

2 min read

What is Currying Function in JavaScript?

Currying is used in JavaScript to break down complex function calls into smaller, more manageable steps. It transforms a function with multiple arguments into a series of functions, each taking a single argument. It converts a function with multiple parameters into a sequence of functions.Each funct

3 min read

How to write a function in JavaScript ?

JavaScript functions serve as reusable blocks of code that can be called from anywhere within your application. They eliminate the need to repeat the same code, promoting code reusability and modularity. By breaking down a large program into smaller, manageable functions, programmers can enhance cod

4 min read

What is the Call Stack in JavaScript ?

In JavaScript, the Call Stack is an essential concept that helps the JavaScript engine keep track of function execution. It plays a vital role in managing the execution order of functions and determining how the JavaScript program handles function calls. How Does the Call Stack Work?JavaScript opera

4 min read

Pure Functions in JavaScript

A Pure Function is a function (a block of code) that always returns the same result if the same arguments are passed. Pure functions return consistent results for identical inputs.They do not modify external states or depend on mutable data.Often used with immutable data structures to ensure reliabi

2 min read

What is the syntax for leading bang! in JavaScript function ?

Before we get to know the syntax for the leading bang! in a JavaScript function, let's see what functions in JavaScript are actually are. JavaScript functions are a set of statements(procedures) that perform some tasks or calculate some value. A function may take some input and return the result to

2 min read

Functions in JavaScript

Functions in JavaScript are reusable blocks of code designed to perform specific tasks. They allow you to organize, reuse, and modularize code. It can take inputs, perform actions, and return outputs. [GFGTABS] JavaScript function sum(x, y) { return x + y; } console.log(sum(6, 9)); [/GFGTABS]Output1

5 min read

What is the usage of Function.prototype.bind in JavaScript ?

Bind method: Using this method, we can bind an object to a common function, so that gives different result when its needed. The bind() method takes an object as an argument and creates a new function. So basically bind function return function. Let's understand when bind method is used. bind the obj

2 min read

What is Call in JavaScript ?

The call method is used to invoke the function with different this object. In JavaScript, this refers to an object. It depends on how we are calling a particular function. In the global scope, this refers to the global object window. The inside function also refers to the global object window. In st

2 min read

What is the inline function in JavaScript ?

Syntax:

Explanation:

Javascript

Javascript

Similar Reads