Función (Function) de JavaScript

La función JavaScript es un bloque de código diseñado para ejecutar acciones o tareas específicas.

La función es un código personalizado reutilizable definido por el programador, que puede hacer que su programa sea más modular y eficiente.

Cuando algo llama a la función JavaScript, se ejecuta la función.

Definir una función

Definición de la función(también conocida comoDeclaración de la función) se utiliza la palabra clave function, el orden de las funciones es el siguiente:

• Nombre de la función

• La lista de parámetros de la función, encerrada entre paréntesis ( ) y separados por comas.

• La declaración de la función, encerrada entre llaves { }.
  

Aquí está la sintaxis de la función en JavaScript:

function nombreDeFunción(parameter1, parameter2, ..., parameterN) {
　//　Código a ejecutar
　}

El nombre de la función puede contener letras, números, guiones bajos y el símbolo $ (siguiendo las reglas de las variables).

En el primer ejemplo, haremos una declaración de función para imprimir un saludo en el documento.

function greet() {
　　　document.write("¡Hola, Mundo!");
}

Llamada a la función

La definición de la función no se ejecuta. La definición de la función solo asigna un nombre a la función y especifica las operaciones que se deben realizar al llamar a la función.

Puede llamar a la función añadiendo paréntesis después del nombre de la función.

//Definir la función greet()
function greet() {
　　　document.write("¡Hola, Mundo!");
}
//Llamar la función greet() ya definida
greet();

Ahora, vamos agreet()El código se encuentra dentro de una función y se puede usar repetidamente según sea necesario.

//　Definir la función greet()
function greet() {
　　　document.write("¡Hola, Mundo!");
}
//　Llamar varias veces la función greet() ya definida
greet();
greet();
greet();

También puede llamar a la función utilizando otros métodos:

• Cuando ocurre un evento (cuando el usuario hace clic en un botón)

• Llamarlo desde el código JavaScript

• Automático (autoejecutable)

En el tutorial, aprenderá más sobre la llamada a la función.

Parámetros de la función

Puede especificar parámetros al definir una función para recibir valores de entrada en tiempo de ejecución.

Los parámetros de la función se enumeran entre paréntesis en la definición de la función.

//Definir una función
function greet(name) {
　　　document.write("Hola, ")}　+　name);
}
//Llamar a la función greet con "Vishal" como parámetro
greet("Vishal");

Puede definir la cantidad de parámetros que necesite.

//Definir una función
function add(num1, num2, num3) {
　　　var total = num1　+　num2　+　num3;
　　　document.write(total);
}
　
//　Llamar a la función
add(5,　20,　10);　//　Salida:　35
add(-5,　8,　7);　　//　Salida:　10

Pero, para cada parámetro especificado, se debe pasar el parámetro correspondiente a la función al llamar a la función, de lo contrario su valor se volverá incierto.

//Definir una función
function showFullname(nom, lName) {
　　　document.write(nom　+　" "　+　lName);
}
　
//　Llamar a la función
showFullname("Kavy", "Mark");　//　Salida: Kavy Mark
showFullname("John");　//　Salida: John undefined

La forma en que funcionan los parámetros es similar a las variables de relleno en una función; se reemplazan por los valores proporcionados al llamar a la función (llamados parámetros) en tiempo de ejecución.

Dentro de la función, los parámetros actúan como variables locales.

Usted aprenderá más sobre los parámetros de la función en la parte posterior de este tutorial.

Valor devuelto

Las funciones de JavaScript pueden usar la instrucción return para devolver valores al script que llama a la función.

El valor devuelto puede ser de cualquier tipo, incluyendo arrays y objetos.

Cuando JavaScript alcanza una instrucción return, la función detiene su ejecución.

La siguiente función toma un parámetro llamado número y devuelve el parámetro multiplicado por sí mismo (es decir, el número):

//Definir una función
function cuadrado(numero) {
　　　return numero　*　numero;
}
//Llame a la función, y el valor devuelto se almacenará en x
var x = square(5);

Una función no puede devolver varios valores. Sin embargo, puede obtener un resultado similar devolviendo un array de valores:

function crearArray() {
　　　var miArray = ["Apple", "Mango", "Banana", "Orange"];
　　　return miArray;
}

El operador () para llamar a la función

Utilice el ejemplo anterior para referirse al objeto de la función square y al resultado de la función square().

Si no se utiliza (), se devolverá la definición de la función en lugar del resultado de la función:

function cuadrado(numero) {
　　　return numero　*　numero;
}
document.write(cuadrado(5));　　//　salida　25
document.write(cuadrado);　//　Salida de la función definida

Expresión de función

A pesar de que la declaración de función anterior es una expresión gramatical, también se puede realizar a través de una funciónExpresiónCrear una función

Las expresiones de función se pueden almacenar en variables y siempre se invocan utilizando el nombre de la variable.

Este tipo de función puede serAnónima ; No es necesario que tenga un nombre. Por ejemplo, la función square() se puede definir como:

var square = function(número) { return número　*　número; };
var x = square(5);　//　x =　25

Otro ejemplo:

var sum = function(a, b) {
return a　+　b;
};
var x = sum(100,　8);　　//　x =　108

La función anterior termina con un punto y coma porque es parte de una expresión ejecutable.

Alcance de la función

Las variables definidas dentro de una función no pueden acceder desde cualquier lugar fuera de la función, y se convertiran en variables locales de la función.

//　Este código no puede usar city
function myFunc() {
　　　var city = "New Delhi";
　　//　Este código puede usar city
}
//　Este código no puede usar city

Dado que las variables locales solo se pueden usar dentro de su función, las variables con el mismo nombre pueden usarse en diferentes funciones.

Se crea una variable local cuando se inicia la función y se elimina la variable local cuando se completa la función.