Cómo especificar los tipos de una función en TypeScript

Como Especificar Los Tipos De Una Funcion En Typescript



Las funciones son los componentes más importantes de JavaScript que realizan tareas específicas en los objetos. Permiten a los usuarios reutilizar el código específico definido en él para mejorar su mantenibilidad. En TypeScript, las funciones se clasifican según sus argumentos/parámetros y tipos de devolución. Ayuda a notificar al usuario que una función en particular está definida con un tipo específico y que no se puede usar ningún otro parámetro de tipo de datos.

Esta guía explica cómo se puede especificar el tipo de una función en TypeScript.

¿Cómo especificar el 'Tipo' de una función en TypeScript?

El ' tipo La palabra clave ” corresponde al tipo de parámetros/argumentos de la función o su valor de retorno. Una vez que el tipo se establece con los parámetros, el usuario no puede agregar ningún otro tipo de valor en él.







Comencemos con el primer ejemplo.



Ejemplo 1: especificar el tipo de retorno de la función

Este primer ejemplo especifica el tipo de devolución de la función dada que restringe esa función para devolver solo el valor del tipo de devolución especificado.



Código

Use estas líneas de código en el archivo que tiene la extensión '.ts':





función Tiempo ( ) : número {

devolver nuevo Fecha ( ) . consigue tiempo ( ) ;

}

consola. registro ( Tiempo ( ) ) ;

En las líneas de código anteriores:

  • El ' Tiempo() La función ” especifica el “ número ” tipo de datos como el tipo de retorno de esta función.
  • Esta declaración de 'retorno' utiliza el ' fecha ” objeto vinculado con el “ consigue tiempo() ” para devolver la fecha y la hora en milisegundos como un “número”.
  • Por último, invoque la función definida.

Producción



Compile el archivo '.ts' usando el compilador 'tsc' y luego ejecute el archivo '.js' compilado:

tsc principal. t //Compilar

nodo principal. js //Correr

Como se ve, la función 'Tiempo ()' recupera el valor numérico especificado ya que su tipo de retorno es 'número'.

Ejemplo 2: especificar los tipos de parámetros de la función

Este ejemplo especifica el tipo de parámetros de las funciones para restringirlas y no aceptar ningún otro valor de tipo de datos:

añadir función ( a : numero : número ) : número

{

devolver a + b ;

}

consola. registro ( 'La suma es:' + agregar ( 10 , 20 ) ) ;

En este código:

  • El ' agregar() 'la función toma dos parámetros' a y b ” de tipo “ número ”.
  • Esta función devuelve el valor numérico como resultado de la operación aritmética especificada, es decir, 'a+b'.
  • El ' consola.log() El método ” llama al “ agregar() ” función que pasa los valores de argumento indicados como “números”.

Producción

tsc principal. t

nodo principal. js

Aquí, la salida muestra la suma de los números especificados con éxito.

Ejemplo 3: tipos de funciones en TypeScript y especificación de sus tipos

En TypeScript, las funciones se clasifican en dos tipos: “ Llamado ' y ' Anónimo ”.

Función nombrada

El ' Llamado La función se declara por su nombre de pila. Esta función puede contener el tipo de parámetros de la función o el tipo de retorno. Su demostración se puede ver en el 'Ejemplo 2'.

Sintaxis

nombre de la función ( [ argumentos ] ) { }

Función anónima

El ' Anónimo La función ” se asigna a una variable que la define dinámicamente como una expresión en tiempo de ejecución. Funciona igual que simple/function. El usuario puede llamarlo usando el nombre de la variable en la que está asignado para invocar las funcionalidades de la función.

Sintaxis

deja que resulte = función ( [ argumentos ] ) { }

Ahora, demostremos la función discutida de manera práctica:

dejar myFunc = función ( X : numero : número ) : número {

devolver X * y ;

} ;

consola. registro ( miFunc ( 10 , 6 ) ) ;

En las líneas de código anteriores:

  • La variable 'myFunc' define una función que tiene parámetros (con sus tipos) y el tipo de retorno.
  • La declaración de 'retorno' devuelve la multiplicación de los valores pasados.
  • El ' consola.log() El método llama a la 'función anónima' con la ayuda de su variable asignada ' miFunc ” pasando los valores indicados como argumentos.

Producción

tsc principal. t

nodo principal. js

Aquí, la salida devuelve el valor de tipo 'numérico' ya que el tipo de retorno de la función es 'número'.

Conclusión

En TypeScript, el ' tipo ” de una función se refiere a los parámetros de la función o al valor devuelto en función de los tipos de datos integrados, de modo que la función solo admite los valores especificados. Esta guía explica brevemente cómo especificar el 'tipo' de una función usando TypeScript.