Escribir una función en TypeScript es similar a escribirla en JavaScript pero con parámetros agregados y tipo de retorno. Tenga en cuenta que cualquier función de JavaScript es una función de TypeScript perfectamente válida. Sin embargo, podemos hacerlo mejor agregando tipo.
Sintaxis: Veamos una sintaxis de función básica de TypeScript (con dos argumentos)
function functionName(arg1: <arg1Type>, arg2: <arg2Type>): <returnType> { // Function body... }
A continuación se presentan algunas funciones para ayudar a comprender mejor.
Ejemplo 1: En este ejemplo, estamos escribiendo una función para sumar dos números
Javascript
// TypeScript Code // Following function returns the addition // of it's two parameters function addTwo(a: number, b: number): number { return a + b; } console.log(addTwo(7, 8)); // logs 15
Producción:
15
Ejemplo 2: sume dos números y devuelva una string hexadecimal equivalente.
Javascript
// Following function adds it's two parameters then // returns it as string form in base 16 function getHexAddition(a: number, b: number): string { return (a + b).toString(16); } console.log(getHexAddition(10, 16)); // logs '1a'
Producción:
1a
Agregar parámetros opcionales y predeterminados: Agregar un parámetro opcional es súper simple, solo agregue ? al final del nombre del argumento.
Ejemplo 3: escriba una función que registre un mensaje de Buenos días con un nombre, si no se pasa un nombre, solo registra Buenos días.
Javascript
// Following function returns good morning // message based on value of name passed function goodMorning(name?: string): string { // if name exits use it as suffix else ignore name const suffix = (name ? `, ${name}.` : '.'); return 'Good Morning' + suffix; } // logs 'Good Morning.' console.log(goodMorning()); // logs 'Good Morning, Sam.' console.log(goodMorning('Sam'));
Salida: para el argumento predeterminado, colóquele un sufijo con un signo igual y un valor predeterminado (el compilador de TS deducirá automáticamente el tipo para el argumento predeterminado en función del valor proporcionado).
Good Morning. Good Morning, Sam.
Ejemplo 4: escriba una función que devuelva la base^{potencia}, si no se proporciona la potencia, se supone que es 1.
Javascript
function pow(base: number, power = 1): number { return Math.pow(base, power); } console.log(pow(7)); // logs 7 console.log(pow(7, 2)); // logs 49
Producción:
7 49
Publicación traducida automáticamente
Artículo escrito por snigdhbhardwaj y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA