Función Javascript

| | | | | | | |

Las funciones de JavaScript son bloques de código personalizados que se pueden reutilizar. Las funciones permiten que el código sea más modular y son esenciales para la programación orientada a objetos. Las funciones se pueden definir mediante sentencias o expresiones.

Si desea aprender JavaScript y desea conocer el conceptos básicos, las funciones JS son definitivamente algo que debe saber. Si ha pasado tiempo trabajando con un lenguaje de programación, sabrá que las funciones son los componentes básicos de programas complejos, pero es posible que no sepa cómo funcionan. Las funciones le permiten escribir código una vez para procesos comunes, en lugar de repetirlo varias veces.

Las funciones son bloques de código que realizan una acción y pueden devolver un valor. Las funciones se pueden personalizar según sus necesidades y se pueden usar para hacer que su código sea más eficiente y modular

En este tutorial, exploraremos las funciones básicas:. Cómo definir una función, cómo llamar a una función y cuándo pueden ser útiles.

Cómo usar la función de definición de JavaScript

Hay dos formas de definir una función de JavaScript: a través de declaraciones y expresiones. Comencemos con el método de declaración para definir una función.

JavaScript declaraciones de funciones

las declaraciones de función definen una función llamada. Para definir este tipo de función, debe comenzar su código con la palabra clave de función , seguida del nombre de la función. Aquí hay un ejemplo:

Los nombres de las funciones siguen las mismas reglas que las variables: pueden usar guiones bajos, números de letras y, a menudo, se escriben en mayúsculas y minúsculas. Luego, después del nombre de la variable, puede incluir una serie de paréntesis, en los que se pueden guardar parámetros opcionales. Volveremos a esto más adelante en el artículo.

Entonces, como una instrucción or for if, el código de la función estará entre llaves. Aquí hay un ejemplo de una función que imprimirá Google en la consola:

Dentro de JS printGoogle () hay una instrucción console .log () que se ejecutará cuando se llame a la función . Pero no pasará nada hasta que llamemos a la función. Si queremos llamar a la función, podemos usar este código:

Ahora vamos a fusionar nuestro código en una sola función, luego la llamaremos:

La salida de esta función será Google. printGoogle() devolverá el resultado cuando se llame, en este caso en la última línea

Ahora que nuestro código de impresión está listo, podemos ejecutarlo tantas veces como queramos llamando a la función printGoogle () .

JavaScript función de expresión

Otra forma de declarar una función es crear una expresión de función. Podemos hacer esto asignando una función a una variable

Let ". S utiliza el mismo ejemplo anterior. En lugar de declarar la función en sí, podemos asignarla a una variable. He aquí un ejemplo:

Para llamar a esta expresión, agregamos la línea de código google () para cada vez que queremos que se ejecute la expresión.

Ahora que conocemos las dos formas en que podemos declarar una función, podemos explorar cómo personalizar esa función de programación. En nuestro código anterior, creamos una función que imprime Google en la consola.

Para imprimir otro nombre, como Facebook, necesitamos cambiar el código. Si queremos que los usuarios que visiten nuestro sitio web ingresen su nombre comercial preferido y lo impriman en la consola, nuestra función no funcionará.

Por lo tanto, debemos usar parámetros. Si agregamos un parámetro name a nuestra función JS, podemos imprimir un nombre en la consola a través de nuestra función. He aquí un ejemplo:

El nombre de la función es printCompany () y nuestro parámetro se llama name. A continuación, se puede llamar al parámetro en la función de JavaScript. En el ejemplo anterior, estamos usando el parámetro de nombre para cambiar lo que se imprimirá en la línea de código console.log()

Pero aún no hemos definido nuestro nombre. Para definir el parámetro, debemos asignar un valor cuando llamamos a nuestra función de JavaScript. Digamos tu negocio favorito es Snapchat. Llamaremos a la función e insertaremos el nombre de la empresa como un argumento dentro de la llamada a la función.

Aquí hay un ejemplo:

cuando ejecutemos este código, se imprimirá lo siguiente:

en nuestro Por ejemplo, llamamos a la función usando printCompany (), luego la nombramos entre paréntesis. Entonces, ahora podemos reutilizar nuestra función varias veces con diferentes nombres.

Debe tenerse en cuenta que puede usar tantos parámetros como desee y hacer referencia a ellos en orden. Usaremos un ejemplo que se muestra en acción a continuación.

Valores devueltos ‚Äã‚Äã

En nuestros ejemplos hasta ahora, no hemos devuelto ningún valor. En lugar de esto, imprimimos texto en la consola. Pero, con una función, podemos asignar parámetros para ser procesados y luego devolver un valor basado en lo que está en la declaración return.

Aquí hay un ejemplo de una función que agrega dos dígitos y nos da el total:

En este programa, se llama a nuestra función y la función pasa dos números. Cuando se ejecuta esta función, en la última línea de nuestro ejemplo anterior, recibiremos la respuesta 3 a cambio. Nuestra lista de parámetros está separada por comas

El programa agregó 1 y 2, con los nombres de los parámetros first y seconds y los devuelve al código. queremos ver estos valores, podemos agregar un console.log () alrededor de la línea donde llamamos addNumbers (1, 2).

funciones Under

En ECMAScript 6, existe una forma más concisa de definir funciones conocida como función flecha . Estos están representados por la siguiente expresión:. =>

Estas funciones son un tipo de expresión de función. Tomemos un ejemplo para mostrar las funciones de dirección en acción:

En lugar de escribir , podemos usar el signo de flecha para indicar que estamos proclamando una función. Existen algunas diferencias sutiles entre las funciones de dirección y las funciones regulares, pero no es necesario conocerlas para la mayoría de los casos de uso.

, no necesita paréntesis alrededor de ellos. Y, si no trabaja con ninguna variable, debe incluir un conjunto de corchetes vacíos () donde se declararían sus variables .