Función JavaScript

❮ Anterior Declaraciones JavaScript Siguiente ❯

Ejemplo

Declare una función que genere "Hello World" cuando se llame:

// Declare a function
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World!";
}

// Call the function
myFunction();

Más ejemplos a continuación.

Definición y uso

La functioninstrucción declara una función.

Una función declarada se "guarda para su uso posterior" y se ejecutará más tarde, cuando se invoque (llame).

En JavaScript, las funciones son objetos y tienen propiedades y métodos.

Una función también se puede definir mediante una expresión (consulte Definiciones de funciones ).

Lea nuestro tutorial de JavaScript para aprender todo lo que necesita saber sobre las funciones. Comience con el capítulo de introducción sobre las funciones de JavaScript y el alcance de JavaScript . Para obtener información más detallada, consulte nuestra Sección de funciones sobre Definiciones de funciones , Parámetros , Invocación y Cierres .

Ver también:

La declaración de devolución .

Sintaxis

function functionName(parameters) {
code to be executed
}

Parámetros

Parameter	Description
functionName	Required. The name of the function. Naming rules: same as JavaScript variables.
parameters	Optional. A set of arguments (parameter names), separated by commas. The arguments are real values received by the function from the outside. Inside the function, the arguments are used as local variables. If a function is called with a missing argument, the value of the missing argument is set to `undefined`.

Más ejemplos

Devolver el valor de PI:

function myFunction() {
return Math.PI;
}

Devuelve el producto de a y b:

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

Una función con diferentes argumentos puede producir diferentes resultados.

Convertir Fahrenheit a Celsius:

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

Las funciones se pueden utilizar como variables.

En vez de:

temp = toCelsius(32);
text = "The temperature is " + temp + " Centigrade";

Puedes usar:

text = "The temperature is " + toCelsius(32) + " Centigrade";

Las funciones de JavaScript tienen un objeto integrado llamado argumentos.

La propiedad arguments.length devuelve el número de argumentos recibidos por la función:

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

Haga clic para llamar a una función que genera "Hello World":

<button onclick="myFunction()">Click me</button>

<p id="demo"></p>

<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
</script>

Cuando una expresión de función se almacena en una variable, la variable contiene una función:

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

Cuando una función se almacena en una variable, la variable se puede utilizar como una función:

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