Sentencia JavaScript function

Definición y uso

La declaración function declara una función.

Las funciones declaradas son 'guardadas para usar más tarde' y se ejecutarán en llamadas posteriores.

En JavaScript, las funciones son objetos que tienen tanto propiedades como métodos.

También se puede definir una función utilizando una expresión (véase definición de función).

Lea nuestro tutorial de JavaScript para obtener toda la información necesaria sobre las funciones. Comience con los capítulos sobre funciones de JavaScript y ámbito de JavaScript. Para más detalles, lea nuestros tutoriales sobre definición de funciones, parámetros, invocación y closures.

Consejo:Por favor, use la declaración return para devolver un valor desde la función.

Ejemplo

Declarar una función y escribir "¡Hola Mundo" en el elemento con id="demo" al llamar a la función.

function myFunction() { // Declarar función
  document.getElementById("demo").innerHTML = "¡Hola Mundo!";
}
myFunction(); // Llamar a la función

Prueba por tu cuenta

Más ejemplos TIY a continuación en la página.

Sintaxis

function functionName(parameters) {
  código a ejecutar
}

Valor del parámetro

Parámetro Descripción
functionName Obligatorio. Establece el nombre de la función, que se puede 'guardar para usar más tarde'. El nombre de la función puede contener letras, números, guiones bajos y símbolos de dólar (siguiendo las reglas de las variables).
parameters

Opcional. Especificar un grupo de cero o más nombres de parámetros, separados por comas.

Los parámetros de la función son los nombres listados en la definición de la función.

Los parámetros de la función son los valores reales recibidos al llamar a la función. Dentro de la función, los parámetros se utilizan como variables locales.

Notas:Si falta un parámetro al llamar a la función, el valor del parámetro faltante se establecerá como undefined.

Detalles técnicos

Versión de JavaScript： ECMAScript 1

Más ejemplos

Ejemplo

Devuelve el valor de PI：

function myFunction() {
  return Math.PI;
}

Prueba por tu cuenta

Ejemplo

Devuelve el producto de a y b：

function myFunction(a, b) {
  return a * b;
}

Prueba por tu cuenta

Ejemplo

Al usar funciones, puede usar el mismo código varias veces con diferentes parámetros para obtener diferentes resultados.

Convertir grados Fahrenheit a grados Celsius：

function toCelsius(fahrenheit) {
  return (5/9) * (fahrenheit-32);
}

Prueba por tu cuenta

Ejemplo

Las funciones pueden actuar como variables.

en lugar de:

temp = toCelsius(32);
text = "La temperatura es " + temp + " Centígrados";
Puede usar:
text = "La temperatura es " + toCelsius(32) + " Centígrados";

Prueba por tu cuenta

Ejemplo

La función de JavaScript tiene un objeto integrado llamado arguments.

La propiedad arguments.length devuelve la cantidad de argumentos recibidos al llamar a la función：

function myFunction(a, b) {
  return arguments.length;
}

Prueba por tu cuenta

Ejemplo

Al hacer clic en el botón, se llama a la función, que muestra "Hello World" en el elemento con id="demo":

<button onclick="myFunction()">Haga clic aquí</button>
<p id="demo"></p>
<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Hello World";
}
</script>

Prueba por tu cuenta

Ejemplo

Las funciones de JavaScript también se pueden definir utilizando expresiones.

Las expresiones de función pueden almacenarse en variables：

var x = function (a, b) {return a * b};

Prueba por tu cuenta

Ejemplo

Después de almacenar la expresión de función en una variable, esa variable puede actuar como una función：

var x = function (a, b) {return a * b};
var z = x(4, 3);

Prueba por tu cuenta

Compatibilidad del navegador

Sentencias Chrome IE Firefox Safari Opera
function Soporte Soporte Soporte Soporte Soporte

Páginas relacionadas

Tutoriales de JavaScript：Función de JavaScript

Tutoriales de JavaScript：Ámbito de JavaScript

Tutoriales de JavaScript：Definición de función de JavaScript

Tutoriales de JavaScript：Parámetros de función de JavaScript

Tutoriales de JavaScript：Llamada a función de JavaScript

Tutoriales de JavaScript：Cierre de función en JavaScript

Manual de referencia de JavaScript：Sentencia return de JavaScript