logo

Funciones en JavaScript

A Función JavaScript es un bloque de código diseñado para realizar una tarea particular. Encapsula un conjunto de instrucciones que se pueden reutilizar en todo un programa. Las funciones pueden tomar parámetros, ejecutar declaraciones y devolver valores, lo que permite la organización del código, la modularidad y la reutilización en la programación JavaScript.

Una función de JavaScript se ejecuta cuando algo la invoca (la llama).

Ejemplo: Una función básica de JavaScript, aquí creamos una función que divide el primer elemento por el segundo elemento.



leer archivos json
JavaScript
function myFunction(g1, g2) {  return g1 / g2; } const value = myFunction(8, 2); // Calling the function console.log(value);>

Producción
4>

Producción:

4>

Ya debes haber visto algunas funciones comúnmente utilizadas en JavaScript como alerta() , que es una función incorporada en JavaScript. Pero JavaScript también nos permite crear funciones definidas por el usuario. Podemos crear funciones en JavaScript usando la palabra clave 'función'.

Sintaxis : La sintaxis básica para crear una función en JavaScript se muestra a continuación.

function functionName(Parameter1, Parameter2, ...) {  // Function body }>

Para crear una función en JavaScript, primero debemos usar la palabra clave función , separados por el nombre de la función y los parámetros entre paréntesis. La parte de la función dentro de las llaves {} es el cuerpo de la función.

expresión de regresión en java

En javascript, las funciones se pueden utilizar de la misma manera que las variables para asignaciones o cálculos.

Invocación de función:

  • Activado por un evento (por ejemplo, un clic en un botón por parte de un usuario).
  • Cuando se llama explícitamente desde código JavaScript.
  • Ejecutado automáticamente, como en funciones de autoinvocación.

Definición de función:

Antes, al usar una función definida por el usuario en JavaScript, tenemos que crear una. Podemos usar la sintaxis anterior para crear una función en JavaScript. Una definición de función a veces también se denomina declaración de función o declaración de función. A continuación se detallan las reglas para crear una función en JavaScript:

  • Cada función debe comenzar con la palabra clave. función seguido por,
  • Un nombre de función definido por el usuario que debe ser único,
  • Una lista de parámetros entre paréntesis y separados por comas,
  • Una lista de declaraciones que componen el cuerpo de la función encerrada entre llaves {}.

Ejemplo: Este ejemplo muestra una declaración básica de una función en javascript.

javascript
function calcAddition(number1, number2) {   return number1 + number2;  } console.log(calcAddition(6,9));>

Producción
15>

En el ejemplo anterior, hemos creado una función llamada calcAddition,

  • Esta función acepta dos números como parámetros y devuelve la suma de estos dos números.
  • Acceder a la función solo con el nombre de la función sin () devolverá el objeto de la función en lugar del resultado de la función.

Hay tres formas de escribir una función en JavaScript:

Declaración de función: Declara una función con una palabra clave de función. La declaración de función debe tener un nombre de función.

Sintaxis:

function geeksforGeeks(paramA, paramB) {  // Set of statements }>

Expresión de función:

Es similar a una declaración de función sin el nombre de la función. Expresiones de funciones se puede almacenar en una asignación de variable.

java matemático.aleatorio

Sintaxis:

let geeksforGeeks= function(paramA, paramB) {  // Set of statements }>

Ejemplo: Este ejemplo explica el uso de la expresión Función.

JavaScript
const square = function (number) {  return number * number; }; const x = square(4); // x gets the value 16 console.log(x);>

Producción
16>

Funciones como valores variables:

Las funciones se pueden utilizar de la misma manera que se utilizan las variables.

Ejemplo:

// Function to convert Fahrenheit to Celsius function toCelsius(fahrenheit) {  return (fahrenheit - 32) * 5/9;  }    // Using the function to convert temperature  let temperatureInFahrenheit = 77;  let temperatureInCelsius = toCelsius(temperatureInFahrenheit);  let text = 'The temperature is ' + temperatureInCelsius + ' Celsius';>

Función de flecha:

Función de flecha es uno de los métodos más utilizados y eficientes para crear una función en JavaScript debido a su implementación comparativamente fácil. Es una versión simplificada y más compacta de una expresión o sintaxis de función regular o normal.

Sintaxis:

let function_name = (argument1, argument2 ,..) =>expresión>

Ejemplo: Este ejemplo describe el uso de la función Flecha.

tutorial de lenguaje de programación java
JavaScript
const a = ['Hydrogen', 'Helium', 'Lithium', 'Beryllium']; const a2 = a.map(function (s) {  return s.length; }); console.log('Normal way ', a2); // [8, 6, 7, 9] const a3 = a.map((s) =>s.longitud); console.log('Usando la función de flecha ', a3); // [8, 6, 7, 9]>

Producción
Normal way [ 8, 6, 7, 9 ] Using Arrow Function [ 8, 6, 7, 9 ]>

Parámetros de función:

Hasta ahora, hemos oído mucho sobre los parámetros de funciones pero no los hemos analizado en detalle. Los parámetros son información adicional que se pasa a una función. Por ejemplo, en el ejemplo anterior, la tarea de la función calcSuma es calcular la suma de dos números. Estos dos números sobre los que queremos realizar la operación de suma se pasan a esta función como parámetros. Los parámetros se pasan a la función entre paréntesis después del nombre de la función y separados por comas. Una función en JavaScript puede tener cualquier número de parámetros y además, al mismo tiempo, una función en JavaScript no puede tener un solo parámetro.

Ejemplo: En este ejemplo, pasamos el argumento a la función.

JavaScript
function multiply(a, b) {  b = typeof b !== 'undefined' ? b : 1;  return a * b; } console.log(multiply(69)); // 69>

Producción
69>

Funciones de llamada :

Después de definir una función, el siguiente paso es llamarlos para hacer uso de la función. Podemos llamar a una función usando el nombre de la función separado por el valor de los parámetros encerrados entre paréntesis y un punto y coma al final. La siguiente sintaxis muestra cómo llamar funciones en JavaScript:

Sintaxis:

functionName( Value1, Value2, ..);>

Ejemplo: A continuación se muestra un programa de muestra que ilustra el funcionamiento de funciones en JavaScript:

configuración de ruta de Python
javascript
function welcomeMsg(name) {  return ('Hello ' + name + ' welcome to techcodeview.com'); } // creating a variable let nameVal = 'Admin'; // calling the function console.log(welcomeMsg(nameVal));>

Producción
Hello Admin welcome to techcodeview.com>

Declaración de devolución :

Hay algunas situaciones en las que queremos devolver algunos valores de una función después de realizar algunas operaciones. En tales casos, podemos utilizar la declaración de devolución en JavaScript. Esta es una declaración opcional y la mayoría de las veces es la última declaración en una función de JavaScript. Mire nuestro primer ejemplo con la función denominada como calcSuma . Esta función calcula dos números y luego devuelve el resultado.

Sintaxis: La sintaxis más básica para utilizar la declaración de devolución es:

return value;>

La declaración de devolución comienza con la palabra clave. devolver separados por el valor que queremos devolver del mismo. También podemos usar una expresión en lugar de devolver directamente el valor.

Funciones:

  • JavaScript | Funciones de flecha
  • JavaScript | escapar()
  • JavaScript | no escapar()
  • JavaScript | Impresión de ventana()
  • JavaScript | Método Window Blur() y Window Focus()
  • JavaScript | consola.log()
  • JavaScript | presionar flotar()
  • JavaScript | desigual()
  • javascript parseInt()
  • JavaScript | fósforo()
  • JavaScript | Fecha.parse()
  • JavaScript | Método Reemplazar()
  • JavaScript | Mapa.get()
  • JavaScript | Entradas.mapa( )
  • JavaScript | Mapa.borrar()
  • JavaScript | Mapa.eliminar()
  • JavaScript | Mapa.tiene()

Más>>

Tenemos una hoja de trucos sobre Javascript donde cubrimos todos los temas importantes de Javascript. Para verificarlos, consulte Hoja de referencia de Javascript: una guía básica de JavaScript .