A continuación se muestra un ejemplo básico de propiedad de nombre de función.
- Ejemplo:
Javascript
<script> // Creating function name func1 function func1(){ } document.write(func1.name) </script>
- Producción:
func1
La propiedad de nombre de función del objeto javascript se usa para devolver el nombre de la función. Esta propiedad de nombre de la función solo se puede leer y no se puede modificar. El nombre de la función que se proporcionó cuando se creó la función es devuelto por Function.name.
Sintaxis:
Function.name
Valores de propiedad: esta propiedad tiene tres atributos, como se menciona a continuación:
- Escribible: No
- legible: No
- configurable: si
Devoluciones: Esta propiedad devuelve la string, es decir, el nombre de la función.
El código para la propiedad anterior se proporciona a continuación:
Programa 1: Cuando se da la función simple
HTML
<script> // Creating function name func1 function func1(){ } // Creating function name func2 function func2(a,b){ } document.write("Name of the function func2 is: " ,func1.name +"<br>") document.write("Name of the function func2 is: " ,func2.name +"<br>") // Logging return type to console document.write("Type of func.name is: " ,typeof(func2.name)) </script>
Producción:
Programa 2: Cuando se da un objeto de función.
HTML
<script> // Creating object of functions let obj={ function1:function functionName1(){}, function2:()=>{ console.log("function2 is running") }, function3:()=>{ obj.function2(); }, } obj.function3() // Calling object function1 but function // name is functionName1 document.write("Name of the function function1 is: " ,obj.function1.name+"<br>") document.write("Name of the function function3 is: " ,obj.function3.name+"<br>") </script>
Producción:
Programa 3: Uso de la propiedad de nombre en una instancia de la función.
HTML
<script> // Function func function func() {}; // Obj is the instance of the // function object func let obj = new func(); if (obj.constructor.name === "func") document.write("obj",obj, "is an instance of function func") else document.write('Oops!') </script>
Producción:
Programa 4: Usando la propiedad de nombre en la función acotada.
HTML
<script> // Function func function func() {}; // Logging bounded function to console. document.write("Name of the bounded func is: " ,func.bind({}).name) </script>
Producción:
Navegadores compatibles:
- Google Chrome 15 y superior
- Firefox 1 y superior
- Safari 6 y superior
- Microsoft Edge 14 y superior
- Ópera 10.5 y superior