Nombre de la función de JavaScript Propiedad

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

Publicación traducida automáticamente

Artículo escrito por TARuN y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *