Named Function Expression
Last Updated :
30 Jul, 2024
In JavaScript or in any programming language, functions, loops, mathematical operators, and variables are the most widely used tools. This article is about how we can use and what are the real conditions when the Named function Expressions. We will discuss all the required concepts in this article to know the named function Expression in and out.
Named function: Using the function keyword followed by a name that can be used as a callback to that function is known as using a named function in JavaScript. Named functions are regular functions that have a name or identifier. Both their use in expressions and their declaration in statements are options. The name of the function is stored in the body, which is useful. Additionally, we might use the name to get a function to call itself or to acquire its characteristics, just like we would for any object.
Syntax:
var functionName(){
// Code here
}Function Expression: The primary distinction between Function Expression and Function Declaration is the ability to define anonymous functions without function names using Function Expression. An IIFE (Immediately Invoked Function Expression) is a function expression that executes as soon as it is defined. The variableName keyword can be used to access a function expression, which must be kept in a variable. It is now simpler to declare function expressions thanks to the ES6 capabilities that introduce Arrow Function.
Syntax:
var variableName = function () {
// Code here
}Named Function Expression: So, it is now obvious that the Function Expression which has a name or identifier is called Named Function Expression. It can be helpful that the function's name is bound inside of its body. Additionally, we can access a function's properties just like any other object by using its name to have it call itself.
Syntax:Â
var variableName = function f(){
// Code here
};The f() function in the syntax example is available only inside the inner scope and to invoke the function outside the inner scope we need to call it with variableName.
What is the utility of Named Function Expression?
For recursive calls or distancing event listeners, access the designated function within its scope. When employing named functions, call stacks and error messages will display more specific information. As a result, the experience of debugging is enhanced by fewer anonymous stack names. Naming a function makes the code more readable, and clear, and helps you communicate your intentions.
Example 1: The code below demonstrates how we can create a recursive Named Function Expression and return a Fibonacci number.
JavaScript
<script>
var fibo = function fibonacci(number) {
if (number <= 1) return 1;
return fibonacci(number - 1) + fibonacci(number - 2);
};
console.log(fibo(5));
</script>
Output:
8
Example 2: The code below demonstrates the function that calculates the factorial of 6 and it gets called when a button is clicked.
HTML
<!DOCTYPE html>
<html lang="en">
<body>
<h1 style="color:green">GeeksforGeeks</h1>
<h2><b>Named function expression in JavaScript.</b></h2>
<div class="result"
style="font-size: 40px; color: green;">
</div>
<br />
<button class="btn">CLICK HERE</button>
<h3>Click on the button to call the factorial function
expression of obj object <br>And also get the
result of the factorial of 6.
</h3>
<script>
let ele = document.querySelector(".result");
let BtEle = document.querySelector(".btn");
let obj = {
factorial: function fact(n) {
if (n <= 1) {
return 1;
}
return n * fact(n - 1);
},
};
BtEle.addEventListener("click", () => {
ele.innerHTML = obj.factorial(6);
});
</script>
</body>
</html>
Output:
Similar Reads
JavaScript Function Expression
A function expression is a way to define a function as part of an expression making it versatile for assigning to variables, passing as arguments, or invoking immediately.Function expressions can be named or anonymous.They are not hoisted, meaning they are accessible only after their definition.Freq
3 min read
JavaScript function* expression
The function* is an inbuilt keyword in JavaScript which is used to define a generator function inside an expression. Syntax: function* [name]([param1[, param2[, ..., paramN]]]) { statements}Parameters: This function accepts the following parameter as mentioned above and described below: name: This p
2 min read
Expressions in Math
Expressions in math are combinations of numbers, variables, operators, and sometimes parentheses that represent a particular value. An expression is a statement involving at least two different numbers or variables and at least one operation, such as addition, subtraction, multiplication, division,
6 min read
Expressions in Python
An expression is a combination of operators and operands that is interpreted to produce some other value. In any programming language, an expression is evaluated as per the precedence of its operators. So that if there is more than one operator in an expression, their precedence decides which operat
5 min read
Lambda Expressions in JavaScript
A lambda expression is a concise way to define a short function in programming. It's commonly found in modern languages like Python, Ruby, JavaScript, and Java. Essentially, it's just a small piece of code that creates a function.Thanks to functions being treated as objects in JavaScript, they can b
1 min read
Subtraction of Algebraic Expressions
Subtraction of Algebraic Expressions refers to combining like terms together and then subtracting their numeral coefficients. Subtracting algebraic expressions involves combining like terms with attention to the signs. Subtraction of algebraic expression is a widely used concept used for problem-sol
7 min read
Factorization of Algebraic Expression
In algebra, factorization is a fundamental concept that helps in simplifying expressions and solving equations. Factorization involves breaking down algebraic expressions into simpler components, which aids in understanding their structure and properties.In this article, we'll look at basic methods
7 min read
PHP match Expression
The PHP match expression is used for the identity check of a value. It is similar to the switch statement i.e. it matches the expression with its alternative values. The match expressions are available in PHP 8.0.0. The match expression compares the value using a strict comparison operator (===) wh
1 min read
Multiplication of Algebraic Expression
Multiplication of algebraic expressions involves combining algebraic terms using the multiplication operation. The process can involve monomials, binomials, or more complex polynomials. Multiplication of Algebraic Expression Algebraic expressions are polynomial equations used in algebra that are use
6 min read
SQLite Expression Based Index
SQLite is an embedded database that doesn't use a database like Oracle in the background to operate. It is written in C language and is used by developers who embed a lightweight database over the existing application, browser, or embedded systems. The main features of SQLite are that it is a server
5 min read