Resumen de funciones ECMAScript

¿Qué es una función?

Una función es un conjunto de instrucciones que se pueden ejecutar en cualquier momento y lugar.

La función es el núcleo de ECMAScript.

Una función se declara de la siguiente manera: la palabra clave function, el nombre de la función, un grupo de parámetros y el código que se ejecutará entre paréntesis.

La sintaxis básica de una función es así:

function functionName(arg0, arg1, ... argN) {
  statements
}

Por ejemplo:

function sayHi(sName, sMessage) {
  alert("Hello " + sName + sMessage);
}

¿Cómo llamar a una función?

La función se puede llamar mediante su nombre más los parámetros entre paréntesis, si hay varios parámetros.

Si desea llamar a la función del ejemplo anterior, puede usar el siguiente código:

sayHi("David", "Nice to meet you!")

Al llamar la función sayHi() superior se generará una ventana de alerta. PuedePrueba este ejemplo personalmente.

¿Cómo devuelve una función un valor?

La función sayHi() no devuelve un valor, pero no es necesario declararlo específicamente (como se hace en Java con void).

Incluso si una función tiene un valor, no es necesario declararlo explícitamente. La función solo necesita usar el operador return seguido del valor a devolver.

function sum(iNum1, iNum2) {
  return iNum1 + iNum2;
}

El siguiente código asigna el valor devuelto por la función sum a una variable:

var iResult = sum(1,1);
alert(iResult);	//salida "2"

Otro concepto importante es que, al igual que en Java, una función detiene inmediatamente la ejecución del código después de ejecutar una instrucción return. Por lo tanto, el código después de la instrucción return no se ejecutará.

Por ejemplo, en el siguiente código, la ventana de alerta no se mostrará:

function sum(iNum1, iNum2) {
  return iNum1 + iNum2;
  alert(iNum1 + iNum2);
}

Una función puede tener múltiples instrucciones return, como se muestra a continuación:

function diff(iNum1, iNum2) {
  if (iNum1 > iNum2) {
    return iNum1 - iNum2;
  } else {
    return iNum2 - iNum1;
  }
}

La función superior se utiliza para devolver la diferencia entre dos números. Para lograr esto, es necesario restar el número mayor del menor, por lo que se utiliza una instrucción if para determinar qué instrucción return ejecutar.

Si una función no tiene valor de retorno, se puede llamar a un operador return sin parámetros en cualquier momento para salir de la función.

Por ejemplo:

function sayHi(sMessage) {
  if (sMessage == "bye") {
    return;
  }
  alert(sMessage);
}

En este código, si sMessage es igual a "bye", la ventana de alerta nunca se mostrará.

Nota:Si una función no tiene valor de retorno explícito o llama a una instrucción return sin parámetros, entonces el valor que realmente devuelve es undefined.