A continuación se muestra el ejemplo básico de la propiedad Function.displayName .
<script>
function func1(){}
func1.displayName="someName"
console.log(func1.displayName)
</script>
Producción:
someName
La propiedad Function.displayName en JavaScript se usa para establecer el nombre para mostrar de la función. Si la propiedad displayName se usa para registrar el nombre sin configurar la propiedad displayName de la función, la salida no estará definida.
Sintaxis:
function.displayName = name
Valor de retorno: no devuelve nada en su lugar, establece el nombre para mostrar de la función.
Nota: De forma predeterminada, el nombre para mostrar de la función no está definido .
A continuación se dan algunos ejemplos para una mejor comprensión de la propiedad function.displayName .
Ejemplo 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>
Producción:
Ejemplo 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>
Producción:
Navegadores compatibles: .
- Google Chrome
- Mozilla Firefox