JavaScript Function.displayName屬性用法及代碼示例

下麵是 Function.displayName 屬性的基本示例。


   
<script>
    function func1(){}
    func1.displayName="someName"
    console.log(func1.displayName)
</script>

輸出：

someName

JavaScript 中的 Function.displayName 屬性用於設置函數的顯示名稱。如果 displayName 屬性用於記錄名稱而不設置函數的 displayName 屬性，則輸出將是未定義的。

用法:

function.displayName = name

返回值：它不返回任何內容，而是設置函數的顯示名稱。

注意：默認情況下，函數的顯示名稱未定義。

為了更好地理解 function.displayName 屬性，下麵給出了幾個例子。

範例1：

HTML


<!DOCTYPE html>
<html lang="en">
  
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content=
        "width=device-width, initial-scale=1.0">
</head>
  
<body>
    <script>
  
        // 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)
    </script>
</body>
  
</html>

輸出：

範例2：

HTML


<!DOCTYPE html>
<html lang="en">
  
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content=
        "width=device-width, initial-scale=1.0">
</head>
  
<body>
    <script>
  
        // 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)
    </script>
</body>
  
</html>

輸出：

支持的瀏覽器：。

穀歌瀏覽器
火狐瀏覽器

相關用法

注：本文由純淨天空篩選整理自tarun007大神的英文原創作品 JavaScript Function.displayName Property。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。