Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
MAZATENANGO SUCHITEPEQUEZ
CURSO: COMPUTACIÓN
TEMA
FUNCIONES DE JAVASCRIPT
ESTUDIANTE:
Una página web dinámica es aquella que incorpora efectos como texto que aparece
y desaparece, animaciones, acciones que se activan al pulsar botones y ventanas
con mensajes de aviso al usuario.
function nombre_funcion() {
...
El nombre de la función se utiliza para llamar a esa función cuando sea necesario.
El concepto es el mismo que con las variables, a las que se les asigna un nombre
único para poder utilizarlas dentro del código. Después del nombre de la función, se
incluyen dos paréntesis donde indicaremos los parámetros de la función. Por último,
los símbolos { y } se utilizan para encerrar todas las instrucciones que pertenecen a
la función.
FUNCIONES OBJETO
Las funciones en Javascript son objetos. Las funciones son objetos enlazados
con Function.prototype (que a su vez enlaza con Object.prototype), que incluyen
dos propiedades ocultas: el contexto de la función y el código que implementa su
comportamiento.
Las funciones no solamente puede recibir variables y datos, sino que también
pueden devolver los valores que han calculado. Para devolver valores dentro de
una función, se utiliza la palabra reservada return. Aunque las funciones pueden
devolver valores de cualquier tipo, solamente pueden devolver un valor cada vez
que se ejecutan.
return precioTotal;
LLAMADAS
Llamar a una función suspende la ejecución de la función actual, pasando el control
y los parámetros a la nueva función. Además de los argumentos declarados, todas
las funciones reciben dos argumentos extra: this y arguments. El parámetro this es
muy importante la programación orientada a objetos, y su valor viene determinado
por el patrón de llamada utilizado. Existen cuatro patrones de llamada en JavaScript:
el patrón de llamada method, el patrón de llamada function, el patrón de
llamada constructor y el patrón de llamada apply.
ARGUMENTOS
El parámetro extra disponible en las funciones es el array arguments. Da a la función
acceso a todas los argumentos pasados en la llamada, incluidos los argumentos
extra que no coinciden con los parámetros definidos en la función. Esto hace posible
escribir funciones que toman un número indefinido de parámetros.
var i, sum = 0;
sum += arguments[i];
return sum;
};
(function(){
})();
console.log(result);
};
};
ALCANCE
El alcance en un lenguaje de programación controla la visibilidad y el ciclo de vida
de las variables y los parámetros. Por ejemplo:
var a = 3, b = 5;
var b = 7, c = 11;
// En este punto, a es 3, b es 7, y c es 11
a += b + c;
// En este punto, a es 21, b es 7, y c es 11
};
bar();
};
FUNCIONES DE CIERRE
La buena noticia sobre la visibilidad, es que las funciones internas pueden tener
acceso a los parámetros y variables de las funciones donde han sido definidas (con
la excepción de this y arguments). Antes hemos definido un objeto que tenía una
propieda value y un método increment. Supongamos que queremos proteger ese
valor cambios no autorizados. En lugar de inicializar ese objeto como un literal,
vamos a inicializarlo llamando a una función que devuelva un objeto literal. Vamos
a definir una variable value y un objeto de retorno con los
métodos increment y getValue:
var value = 0;
return {
increment: function (inc) {
},
getValue: function () {
return value;
};
}());
CALLBACKS
Las funciones pueden facilitar el trabajo con métodos asíncronos. Supongamos el
siguiente caso en el que hacemos una petición al servidor:
request = prepare_the_request();
response = send_request_synchronously(request);
display(response);
request = prepare_the_request();
display(response);
});
EJECUCIONES EN CASCADA
Algunos métodos no devuelven ningún tipo de dato, ya simplemente pueden
modificar el estado de algún tipo de dato. Si hacemos que estos métodos
devuelvan this en lugar de undefined, podemos encadenar la ejecución de esos
métodos en cascada. Las funciones en cascada pueden permitirnos escribir
sentencias de este tipo:
getElement('myBoxDiv')
.move(350, 150)
.width(100)
.height(100)
.color('red')
.border('10px outset')
.padding('4px')
this.startDrag(m, this.getNinth(m));
})
.on('mousemove', 'drag')
.on('mouseup', 'stopDrag')
https://uniwebsidad.com/libros/javascript/capitulo-4/funciones
https://www.arkaitzgarro.com/javascript/capitulo-7.html
http://www.codexexempla.org/curso/curso_4_2_e.php
https://es.wikibooks.org/wiki/Programaci%C3%B3n_en_JavaScript/Funciones