Las Funciones/Métodos en TypeScript | APRENDE cómo utilizarlas

Te preguntarás, ¿cómo se programan las funciones en TypeScript? o ¿cómo se le pasan los parámetros? O mejor aún ¿cuál es su sintaxis? ¿verdad?

Mi nombre es Aitor Sánchez, soy desarrollador de apps desde 2014, y hoy, en este artículo, aprenderás no solo lo que son, si no cómo se usan, programan, ejecutan, reciben parámentros y cómo retornan el resultado. En definitiva, utilizar funciones en TypeScript.

Pero antes de continuar, esta es la Flutter Mafia. Es mi newsletter donde tu vas a aprender a hacer apps y a ganar dinero con ellas junto con otros genietes que ya están dentro. Y si te suscribes te regalo mi ebook "Duplica los ingreso de tus apps en 5 minutos" No es broma, quizás te interese.

 

Primero, los tutoriales en video

 

 

 

 

Y explicado todo esto, comenzamos. Let´s go!

 

¿Qué son las funciones?

En caso de que ya sepas lo que es, o lo que significa, es preferible que pases al siguiente punto. Este no te aportará nada en particular.

Para los que no lo sepan, básicamente se trata de código que se extrae en un bloque a parte y que se puede utilizar todas las veces que sea necesario sin tener que reescribirlo. Cumpliendo así con la modularización y la escalabilidad.

Para hilar un poco más, es la posibilidad de extraer bloques de código en una función para poder reutilizarse desde cualquier parte de nuestro programa.

 

Funciones sin parámetros

Antes de continuar, vamos a ver un ejemplo de lo que estamos hablando.

export class Coche{

  arrancado: boolean = false;

  //.....

  arrancar(){
    this.arrancado = true;
  }

  //.....

}

 

Este tipo de funciones se basa en realizar una acción muy concreta dentro de la clase que la alberga. Al no recibir parámetros no vamos a poder modificar nada externamente, pero sí que se usarán para realizar tareas internas normalmente.

Para poner un ejemplo externo al video, podríamos definir una clase “Coche” que tenga una función llamada “arrancar”. En este caso arrancar es una función sin parámetros por que no necesita de ningún dato externo para realizarse ¿verdad?

Otro ejemplo NO podría ser una función parámetros es “encenderIntermitente” ¿por qué? Porque necesitamos decirle por parámetros si es el de la izquierda, el de la derecha o ambos. ¿Pillas el símil?

Espero que si

 

Funciones con parámetros

Primero de todo, el ejemplo:

//...

  suma(number1: number, number2: number){
    let resultado: number = number1 + number2;
    console.log(resultado);
  }

//...

 

Cómo puedes ver ahora en el código, dentro de los paréntesis hemos metido cosas.

Usando el mismo código del ejemplo, y del ejemplo del video, vamos a utilizar dos parámetros. El parámetro llamado “numero1” y el parámetros “numero2”.

Por otro lado, tienes que indicar el tipo de la variable que se va a recibir a través de los parámetros. En este caso serán “number” ambos. Pero podría ser “string”, “bool”, lo que sea... Ya sea tipos nativos o por referencia.

También agregar que solo se podrán usar dichas variables dentro del bloque de la función. Y en caso de que quieras acceder a estos valores, tendrás que guardarlos en un campo de la clase y después acceder a ellos.

Nota: Estos métodos, por normal general, se usarán cuando se quiera modificar o actualizar algún campo de la clase a la que hace referencia.

 

Funciones con retorno

El ejemplo:

//...

  suma(number1: number, number2: number): number{
    let resultado: number = number1 + number2;
    return resultado;
  }

//...

 

Ahora, la parte en la que nos vamos a centrar es en la última línea de la función.

Aquí podemos apreciar el uso de la palabra “return” que significa “retorna”. Básicamente, lo que nos permite es devolver el valor que nosotros creamos oportuno para la función que tiene que realizar la función, valga la redundancia.

Por otro lado, si te fijas en el cierre del paréntesis de la función tenemos “dos puntos” seguidos de un tipo. Bien, pues este es el tipo que va a devolver la función en específico. Una vez coloquemos este tipo, la función no podrá retornar nada que no sea de ese tipo.

Hay un excepción en caso de que no sepamos lo que vamos a devolver, por que alguna vez sucede, y es usar “any” cómo tipo. Si lo hacemos así, podemos devolver cualquier cosa que nosotros queramos.

 

¿Se pueden usar juntos?

Este es un punto muy interesante y una pregunta recurrente entre los más novatos.

Pues, cómo es normal, es lo que imaginas. Sí, se pueden usar juntos. Es más, se deben de usar juntos si quieres hacer que todo funcione cómo es debido.

Para mojarme un poco más aún: Apostaría que la gran mayoría de funciones harán uso de los dos segundos. Recibirán parámetros y tendrán un retorno.

 

Algo más que quizás te interese

Si mejoras los logos de tus aplicaciones, los optimizas y los evaluas constantemente, inevitablemente vas a conseguir más descargas y a generar más dinero con esa aplicación. Esto es así, y los que nos dedicamos a esto lo sabemos. Pues bien, hemos hecho un aplicación para que tu puedas hacelo más rápido, más cómodo y mejor, apoyándonos en una IA propia. Aquí tienes más detalles.

 

Sin nada más que agregar me despido ya. Nos vemos en el siguiente artículo. ¡Hasta entonces, que vaya bien!