JavaScript函数.displayName 属性

下面是函数.displayName属性的基本示例。

    function func1(){}
    func1.displayName="someName"
    console.log(func1.displayName)

输出：

someName 

JavaScript 中的函数.displayName属性用于设置函数的显示名称。如果displayName属性用于记录名称而不设置函数的displayName属性，则输出将是未定义的。

句法：

function.displayName = name

返回值：它不返回任何内容，而是设置函数的显示名称。

注意：默认情况下，函数的显示名称是undefined 。

为了更好地理解函数.displayName属性，下面给出了几个示例。

示例 1：

HTML

  

    
    

  

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

  

输出：

示例 2：

HTML

  

    
    

  

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

  

输出：

支持的浏览器： .

• 谷歌浏览器
• 火狐浏览器