Open In App

JavaScript Function displayName Property

Last Updated : 26 May, 2023
Improve
Improve
Like Article
Like
Save
Share
Report

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




// Creating function name func1
function func1() {
 
    // Logging to console
    console.log("This is from function 1")
}
 
// Changing the func1 name to function1
// using the function.displayname
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




// Creating function name func
function func() { }
 
// Changing the func name to function1
// using the func.displayname
func.displayName = "function1"
console.log("function is :", func)
 
// Logging name of the function
// using function.name property
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:

  • Google Chrome
  • Mozilla Firefox


Like Article
Suggest improvement
Previous
Next
Share your thoughts in the comments

Similar Reads