Свойство JavaScript Function.displayName

Опубликовано: 9 Декабря, 2021

Ниже приведен базовый пример свойства Function.displayName.

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

Выход:

 someName

Свойство Function.displayName в JavaScript используется для установки отображаемого имени функции. Если свойство displayName используется для регистрации имени без установки свойства displayName функции, то вывод будет неопределенным.

Синтаксис:

 function.displayName = имя

Возвращаемое значение: вместо этого ничего не возвращает, а устанавливает отображаемое имя функции.

Примечание. По умолчанию отображаемое имя функции не определено .

Ниже приведены несколько примеров для лучшего понимания свойства 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 >

Выход:

Поддерживаемые браузеры:.

  • Гугл Хром
  • Mozilla Firefox