We're looking for a person or people to help audit MDN to find places we could speed up. Is this you or someone you know? Check out the RFP: https://mzl.la/2IHcMiE

Jump to:

A function is a code snippet that can be called by other code or by itself, or a variable that refers to the function. When a function is called, arguments are passed to the function as input, and the function can optionally return an output. A function in JavaScript is also an object.

A function name is an identifier declared as part of a function declaration or function expression. The function name's scope depends on whether the function name is a declaration or expression.

Different types of functions

An anonymous function is a function without a function name:

function () {};
// or using the ECMAScript 2015 arrow notation
() => {};


A named function is a function with a function name:

function foo() {};
// or using the ECMAScript 2015 arrow notation
const foo = () => {};

An inner function is a function inside another function (square in this case). An outer function is a function containing a function (addSquares in this case):

function addSquares(a,b) {
   function square(x) {
      return x * x;
   return square(a) + square(b);
//Using ECMAScript 2015 arrow notation
const addSquares = (a,b) => {
   const square = x => x*x;
   return square(a) + square(b);

A recursive function is a function that calls itself. See recursion.

function loop(x) {
   if (x >= 10)
   loop(x + 1);
//Using ECMAScript 2015 arrow notation
const loop = x => {
   if (x >= 10)
   loop(x + 1);

An Immediately Invoked Function Expressions (IIFE) is a function that is called directly after the function is loaded into the browser’s compiler. The way to identify an IIFE is by locating the extra left and right parenthesis at the end of the function’s declaration.

// Error (https://en.wikipedia.org/wiki/Immediately-invoked_function_expression)
​function foo() { 
    console.log('Hello Foo'); 

(function foo() {
    console.log("Hello Foo");

(function food() {
    console.log("Hello Food");

If you'd like to know more about IIFEs, check out the following page on Wikipedia : Immediately Invoked Function Expression

Learn more

Technical reference

Document Tags and Contributors

 Last updated by: bnhassin,