Las funciones en JavaScript para la programación orientada a objetos
0 recomendaciones870 vistas
Este documento explica las funciones en programación orientada a objetos. Brevemente describe que una función es un conjunto de instrucciones con un nombre y propósito definido que puede regresar un valor. También cubre temas como funciones predefinidas, funciones anónimas, funciones de callback, funciones que se autoinvoca, funciones dentro de funciones y los métodos call y apply.
![¿Qué es una función?
function sumaNumeros() {
var i, tot = 0;
var numeros = arguments.length;
for (i = 0; i < numeros; i++) {
tot += arguments[i];
}
return tot;
}](https://image.slidesharecdn.com/oopconjavascript03-funciones-160120050327/85/Las-funciones-en-JavaScript-para-la-programacion-orientada-a-objetos-7-320.jpg)
![call y apply
function producto(a, b) {
return a * b;
}
var objeto = producto.apply(objeto, [7, 3]);
alert(objeto);](https://image.slidesharecdn.com/oopconjavascript03-funciones-160120050327/85/Las-funciones-en-JavaScript-para-la-programacion-orientada-a-objetos-35-320.jpg)
Las funciones en JavaScript para la programación orientada a objetos
- 2. ¿Qué es una función?
- 3. ¿Qué es una función? Una función en un conjunto de instrucciones que se llaman o invocan bajo un nombre y tienen un propósito definido y que puede regresar un valor.
- 4. ¿Qué es una función? function suma(a, b) { var c = a + b; return c; }
- 5. ¿Qué es una función? ● función (function) ● nombre ● propiedades ● instrucciones ● return
- 6. ¿Qué es una función? Una función tiene 2 parámetros: ● arguments ● prototype Y tiene dos métodos: ● call() ● apply()
- 7. ¿Qué es una función? function sumaNumeros() { var i, tot = 0; var numeros = arguments.length; for (i = 0; i < numeros; i++) { tot += arguments[i]; } return tot; }
- 9. Funciones predefinidas En JavaScript tenemos funciones predefinidas que no necesitan ninguna instancia para ser utilizadas: ● parseInt() ● parseFloat() ● isNaN()
- 10. Funciones predefinidas ● isFinite() ● encodeURI() ● decodeURI() ● encodeURIComponent() ● decodeURIComponent() ● eval()
- 12. Función anónima No tiene nombre y por lo general es ejecutada en el momento. La podemos asignar como una variable.
- 13. Función anónima // asignamos la función a la variable saludo var saludo = function(hora) { if (hora >= 22 || hora <= 5) document.write("Buenas noches"); else document.write("Buenos días"); } // llama a la función saludo(10);
- 15. Función callback Las funciones no son otra cosa que datos asignados a una variable, por lo que pueden ser copiados, borrados y llamados como parámetros.
- 16. Funciones de callback Una función puede ser pasada como un parámetro.
- 18. Funciones que se auto invocan Por medio de los paréntesis, podemos autoinvocar a una función, generalmente es una función anónima. Podemos pasarle parámetros por medio de paréntesis.
- 19. Funciones que se autoinvocan ( function(){ alert('Hola, cara de bola'); } )()
- 20. Funciones que se autoinvocan ( function(nombre){ alert('Hola ' + nombre + '!'); } )('Crayola')
- 22. Funciones dentro de funciones Se puede crear una función dentro de otra función, pero sólo será visible dentro de ésta.
- 23. Funciones dentro de funciones function a(numero) { function b(entrada) { return entrada * 2; }; return 'Resultado ' + b(numero); };
- 24. Funciones dentro de funciones var a = function(numero) { var b = function(entrada) { return entrada * 2; }; return 'Resultado ' + b(numero); };
- 26. Funciones que regresan funciones Dentro de la sentencia return puedes ejecutar una función anónima. Si una función no tiene una sentencia “return”, regresará una valor “undefined”.
- 27. Funciones que regresan funciones function a() { alert('Hola '); return function(){ alert('cara de bola'); }; }
- 29. Redefinir una función Ya que una función puede regresar otra función, podemos utilizar la segunda función para redefinir a la primera.
- 30. Redefinir una función Ya que una función puede regresar otra función, podemos utilizar la segunda función para redefinir a la primera.
- 31. call y apply
- 32. call y apply Ambas funciones sirven para llamar a otra función. En ambas, el primer parámetro debe ser el objeto propietario.
- 33. call y apply En el método call, los parámetros se pasan separados por comas. En el método apply, los parámetros se pasan como un arreglo.
- 34. call y apply function producto(a, b) { return a * b; } var objeto = producto.call(objeto, 7, 3); alert(objeto);
- 35. call y apply function producto(a, b) { return a * b; } var objeto = producto.apply(objeto, [7, 3]); alert(objeto);