Javascript Guia#5

Javascript Guía de aprendizaje
parte 5
El presente documento esta basado en el curso javascript unipython.com https://unipython.com/cursos/
aprender-javascript junto con con aportes tomados de las siguientes fuentes: ARKAITZ GARRO en
https://www.arkaitzgarro.com/javascript MOZILLA MDN Web Docs https://developer.mozilla.org/es/
docs/Learn/JavaScript y todojs https://www.todojs.com
FUNCIONES EN JAVASCRIPT
Las funciones son bloques de código que contienen un conjunto argumentos necesarios para la
realización de una tarea; estos se pueden emplear en el programa las veces que hagan falta.
Sintaxis
Function nombre_de_la_funcion(argumento){
// Sentencias;
Definir una función dentro del programa es muy sencillo. Se usa la palabra reservada “function”,
además se debe especificar su nombre, la lista de argumentos (valores que se necesitaran para ejecutar
la función) y las sentencias que se ejecutarán.
Ahora bien, para que logre ejecutarse posteriormente, debe invocarse cuando sea necesario. Siempre y
cuando se haya definido se puede invocar en cualquier parte del código.
La sintaxis para invocar una función es la que se muestra a continuación.
nombre_de_la_funcion();
Ejemplo
function sumar(num1,num2){ // Definición de la función
var total = num1+num2;
console.log(total);
}
sumar(15,3); // Invocando la función
Al invocar la función sumar, se ejecutará el bloque de código; de manera que mostrará en pantalla la
suma de ambos números, a saber 18.
Cabe destacar que además de usar números como argumento, también podemos añadir cualquier tipo
de dato como booleanos, cadenas, arrays, objetos etc.
function nombre_de_la_funcion(argumento1, argumento2, … , argumentoN ){

// Sentencias;
}
Observaciones sobre los argumentos

 Es importante tener cuidado de no repetir el nombre de las funciones; pues, aunque JavaScript
no genere error al respecto, lo cierto es que nuestro script no funcionará correctamente, al
contrario, solo será ejecutado el último que hemos definido.
 Si al invocar una función utilizamos menos argumentos de lo indicado, el programa interpretará
a los restantes como “undefined”. Y si, por el contrario, usamos más de lo especificado, el
programa sencillamente los ignorará.
Ámbitos de variables
El ámbito de una variable (llamado "scope" en inglés) es la zona del programa en la que se define la
variable. JavaScript define dos ámbitos para las variables: global y local.
El siguiente ejemplo ilustra el comportamiento de los ámbitos:
function creaMensaje() {
var mensaje = “Mensaje de prueba”;
creaMensaje();
alert(mensaje);
El ejemplo anterior define en primer lugar una función llamada creaMensaje que crea una variable
llamada mensaje. A continuación, se ejecuta la función mediante la llamada creaMensaje(); y
seguidamente, se muestra mediante la función alert() el valor de una variable llamada mensaje.
Sin embargo, al ejecutar el código anterior no se muestra ningún mensaje por pantalla. La razón es que
la variable mensaje se ha definido dentro de la función creaMensaje() y por tanto, es una
variable local que solamente está definida dentro de la función.
Cualquier instrucción que se encuentre dentro de la función puede hacer uso de esa variable, pero todas
las instrucciones que se encuentren en otras funciones o fuera de cualquier función no tendrán definida
la variable mensaje.
De esta forma, para mostrar el mensaje en el código anterior, la función alert() debe llamarse desde
dentro de la función creaMensaje():
Ejemplo:
function creaMensaje() {
var mensaje = “Mensaje de prueba”;
alert(mensaje);
}
creaMensaje();
La Instrucción Return
Return es una instrucción opcional que puede invocarse en una función, con el objetivo de finalizar su
ejecución y devolver el valor de una determinada variable.
return [expresion];
La expresión es la variable cuyo valor deseamos retornar. En caso de omitirla, devolverá el valor
undefined.
Lo siguiente son las diversas maneras de utilizar el return, según el dato que deseamos que devuelva.
return; // Indefinido
return true; // Verdadero
return false; // Falso
return x; // El valor de la variable x
return x + y / 3; // El resultado de una operación
Ventaja del return

Usar return dentro de una función nos permite utilizar las variables locales en otras funciones.
Ejemplo:
function frase_compuesta(){
var palabra1 = "hola ";

var palabra2 = "mundo";
var frase = palabra1 + palabra2;
return frase;
}
function mostrar_en_pantalla(){
console.log (frase_compuesta());
}
mostrar_en_pantalla();
Es muy útil para cuando necesitamos declarar las variables dentro de una función y al mismo tiempo
utilizarla en otra función.

Javascript Guia#5

Cargado por

Copyright:

Formatos disponibles

Javascript Guia#5

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Javascript Guia#5

Cargado por

Copyright:

Formatos disponibles

Javascript Guía de aprendizaje

function sumar(num1,num2){ // Definición de la función

var total = num1+num2;

function nombre_de_la_funcion(argumento1, argumento2, … , argumentoN ){

Observaciones sobre los argumentos

var mensaje = “Mensaje de prueba”;

return true; // Verdadero

return false; // Falso

return x; // El valor de la variable x

return x + y / 3; // El resultado de una operación

Ventaja del return

var palabra1 = "hola ";

También podría gustarte