JavaScript Function displayName Property (original) (raw)

Last Updated : 26 May, 2023

The Function.displayName property in JavaScript is used to set the display name of the function. If the displayName property is used to log the name without setting the displayName property of the function then the output will be undefined.

Syntax:

function.displayName = name

Return Value: It returns nothing instead, it sets the display name of the function.

Note: By default, the display name of the function is undefined.

Example: Below is the basic example of Function.displayName property.

javascript

function func1() { }

func1.displayName = "someName"

console.log(func1.displayName)

Output:

someName

A few examples are given below for a better understanding of the function.displayName property.

Example 1: In this example, we will see the basic use of the function.displayName property.

Javascript

function func1() {

`` console.log( "This is from function 1" )

}

func1.displayName = "function1"

console.log( "Display name of the function"

`` + " func1 is :" , func1.displayName)

Output:

Display name of the function func1 is : function1

Example 2: In this example, we will see the basic use of the function.displayName property.

Javascript

function func() { }

func.displayName = "function1"

console.log( "function is :" , func)

console.log( "Name of the function "

`` + "func is :" , func.name)

console.log( "DisplayName of the "

`` + "function func is :" ,

`` func.displayName)

Output:

function is : ƒ func() { } Name of the function func is : func DisplayName of the function func is : function1

We have a complete list of Javascript Function properties, to check those please go through this Javascript Function Complete reference article.

Browsers Supported: