SlideShare una empresa de Scribd logo
GC-F -005 V. 01
Funciones y Actividad de código-6
Definición: Nos permiten guardar y ejecutar código cuando nosotros lo necesitamos,
su estructura es la palabra reservada function el nombre, paréntesis, los cuales sirven
para enviar parámetros o argumentos, abro corchetes, realizo la instrucción y cierro
los corchetes, revisando bibliografía en internet encontramos: “Una función
JavaScript es un fragmento de código que puede ser invocado para realizar tareas o
devolver un resultado. Si has trabajado con otros lenguajes de programación el
concepto te resultará familiar”1.
La estructura o sintaxis es así:
Hay que invocarla así: saludo () abajo del cierre del corchete.
Ejemplo 1. Realizar una suma y que retorne su valor
1 Disponible en internet en:
http://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=800:funcio
nes-javascript-concepto-parametros-argumentos-y-tipos-paso-por-valor-return-ejemplo-
cu01122e&catid=78:tutorial-basico-programador-web-javascript-desde-&Itemid=206
“Perfecto, no es suficiente… “
GC-F -005 V. 01
Conclusión:
Ejercicios de repaso:
1. Realice una función para que me retorne un número cualquiera.
2. Realice una función para que me retorne el mayor de dos números.
3. Realice una función para concatenar sus nombres y apellidos.
4. Investigue si se pueden tratar arreglos en funciones, de un ejemplo.
5. Realice la comparación de 3 números y diga cuál es el mayor, el menor o si
son iguales.
6. Realice reingeniería al código RELACIONALES
7. Exponga al instructor lo realizado.
RELACIONALES
numero1 = 5;
numero2 = 5;
resultado = numero1 >= numero2; // resultado = true
resultado = numero1 <= numero2; // resultado = true
resultado = numero1 == numero2; // resultado = true
resultado = numero1 != numero2; // resultado = false
Ayuda:
var visible = true;
alert(!visible); // Muestra "false" y no "true"
Tomado de la web2
2 Disponible en internet en: http://librosweb.es/libro/javascript/capitulo_3/operadores.html
GC-F -005 V. 01
Arrow Functions:
GC-F -005 V. 01
SINTAXIS
La sintaxis de estas funciones es, como mínimo, exótica, parecen más un error de
sintaxis que una estructura válida:
VAR NOMBRE = (PARAMETRO1, PARAMETRO2) => PARAMETRO1 + PARAMETRO2
LET NOMBRE = (PARAMETRO1, PARAMETRO2) => PARAMETRO1 + PARAMETRO2
var suma = ( x, y ) => x + y;
GC-F -005 V. 01
Figura 1. Función normal.
Figura 2. Arrow function.
Con las funciones flecha, buscamos simplificar todo lo anterior de un modo mucho
más directo y declarativo:
• Eliminamos la palabra reservada function y nos limitamos a recoger los
parámetros mediante los paréntesis tradicionales.
• Podemos eliminar las llaves que delimitan el scope abriéndolo con una flecha.
• Podemos eliminar la palabra reservada return.
El ejemplo tradicional bien podria verse dificil, es unicamente hacerlo y concpetuar su
forma.
GC-F -005 V. 01
Desarrollar las formulas que se presentan en los documentos adicionales.
INGRESAR VALORES DE FORMA DINAMICA
Ing. Jorge Giraldo Guerrero R.
@jjorgegiraldo

Más contenido relacionado

PPTX
Programacion basica
PPTX
3- Fullstack clase Javascript - NUEVA_.pptx
PPTX
JavaScript funciones
PDF
JavaScript Contemporáneo - Carlos E. Cimino.pdf
PDF
Clase 5 funciones en javaScript
PPT
Mecanismo de pasos de parametros en funciones
PPT
Mecanismo de paso de parametros en funciones
PPT
Estructura de datos , investigacion 2
Programacion basica
3- Fullstack clase Javascript - NUEVA_.pptx
JavaScript funciones
JavaScript Contemporáneo - Carlos E. Cimino.pdf
Clase 5 funciones en javaScript
Mecanismo de pasos de parametros en funciones
Mecanismo de paso de parametros en funciones
Estructura de datos , investigacion 2

Similar a FUNCIONES EN JAVA SCRIPT (20)

PPT
Estructura de datos , investigacion 2
PDF
Js control de flujo
PDF
JS Functions
PDF
Ocho cosas que debes saber de JavaScript
PDF
Java script teoria
PPTX
Conceptos-HTML-y-JavaScript-Bloque-3-JavaScript.pptx
KEY
Javascript funcional
PPTX
USO DE LOS ELEMENTOS DEL LENGUAJE JAVASCRIPT
PPTX
Mod2ud1 2
PDF
Introducción a Javascript
DOCX
Codigo
PDF
1 fundamentos
PDF
1 fundamentos
PDF
Las funciones en JavaScript para la programación orientada a objetos
PDF
Guia 12 js
PDF
JavaScript
PDF
diapo1.pdf
PDF
Introducción Javascript.pdf
Estructura de datos , investigacion 2
Js control de flujo
JS Functions
Ocho cosas que debes saber de JavaScript
Java script teoria
Conceptos-HTML-y-JavaScript-Bloque-3-JavaScript.pptx
Javascript funcional
USO DE LOS ELEMENTOS DEL LENGUAJE JAVASCRIPT
Mod2ud1 2
Introducción a Javascript
Codigo
1 fundamentos
1 fundamentos
Las funciones en JavaScript para la programación orientada a objetos
Guia 12 js
JavaScript
diapo1.pdf
Introducción Javascript.pdf
Publicidad

Más de JORGE GIRALDO (6)

PDF
JAVASCRIPT - COMO ANIMAR IMAGENES
PDF
IF-ELSE EN Csharp C#
PDF
Rol Gerente Proyectos
PDF
PROGRAMACIÓN ORIENTADA A OBJETOS HERENCIA - POOEjemplo herencia
PDF
Programación C# 1. Asignación
DOCX
CASOS DE USO
JAVASCRIPT - COMO ANIMAR IMAGENES
IF-ELSE EN Csharp C#
Rol Gerente Proyectos
PROGRAMACIÓN ORIENTADA A OBJETOS HERENCIA - POOEjemplo herencia
Programación C# 1. Asignación
CASOS DE USO
Publicidad

Último (9)

PPTX
Conceptos basicos de Base de Datos y sus propiedades
PDF
Presentacion de compiladores e interpretes
PPTX
Implementación equipo monitor12.08.25.pptx
PPTX
Control de seguridad en los sitios web.pptx
PDF
Clase 3 - Presentación visual (Insertando objetos visuales) POWER POINT.pdf
PPTX
Fundamentos de Python - Curso de Python dia 1
PPTX
Tratará sobre Grafos_y_Arboles_Presentacion.pptx
PDF
AutoCAD Herramientas para el futuro, Juan Fandiño
PPTX
ORIGEN DE LA IA - GRADO 1102 INTELIGENCIA
Conceptos basicos de Base de Datos y sus propiedades
Presentacion de compiladores e interpretes
Implementación equipo monitor12.08.25.pptx
Control de seguridad en los sitios web.pptx
Clase 3 - Presentación visual (Insertando objetos visuales) POWER POINT.pdf
Fundamentos de Python - Curso de Python dia 1
Tratará sobre Grafos_y_Arboles_Presentacion.pptx
AutoCAD Herramientas para el futuro, Juan Fandiño
ORIGEN DE LA IA - GRADO 1102 INTELIGENCIA

FUNCIONES EN JAVA SCRIPT

  • 1. GC-F -005 V. 01 Funciones y Actividad de código-6 Definición: Nos permiten guardar y ejecutar código cuando nosotros lo necesitamos, su estructura es la palabra reservada function el nombre, paréntesis, los cuales sirven para enviar parámetros o argumentos, abro corchetes, realizo la instrucción y cierro los corchetes, revisando bibliografía en internet encontramos: “Una función JavaScript es un fragmento de código que puede ser invocado para realizar tareas o devolver un resultado. Si has trabajado con otros lenguajes de programación el concepto te resultará familiar”1. La estructura o sintaxis es así: Hay que invocarla así: saludo () abajo del cierre del corchete. Ejemplo 1. Realizar una suma y que retorne su valor 1 Disponible en internet en: http://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=800:funcio nes-javascript-concepto-parametros-argumentos-y-tipos-paso-por-valor-return-ejemplo- cu01122e&catid=78:tutorial-basico-programador-web-javascript-desde-&Itemid=206 “Perfecto, no es suficiente… “
  • 2. GC-F -005 V. 01 Conclusión: Ejercicios de repaso: 1. Realice una función para que me retorne un número cualquiera. 2. Realice una función para que me retorne el mayor de dos números. 3. Realice una función para concatenar sus nombres y apellidos. 4. Investigue si se pueden tratar arreglos en funciones, de un ejemplo. 5. Realice la comparación de 3 números y diga cuál es el mayor, el menor o si son iguales. 6. Realice reingeniería al código RELACIONALES 7. Exponga al instructor lo realizado. RELACIONALES numero1 = 5; numero2 = 5; resultado = numero1 >= numero2; // resultado = true resultado = numero1 <= numero2; // resultado = true resultado = numero1 == numero2; // resultado = true resultado = numero1 != numero2; // resultado = false Ayuda: var visible = true; alert(!visible); // Muestra "false" y no "true" Tomado de la web2 2 Disponible en internet en: http://librosweb.es/libro/javascript/capitulo_3/operadores.html
  • 3. GC-F -005 V. 01 Arrow Functions:
  • 4. GC-F -005 V. 01 SINTAXIS La sintaxis de estas funciones es, como mínimo, exótica, parecen más un error de sintaxis que una estructura válida: VAR NOMBRE = (PARAMETRO1, PARAMETRO2) => PARAMETRO1 + PARAMETRO2 LET NOMBRE = (PARAMETRO1, PARAMETRO2) => PARAMETRO1 + PARAMETRO2 var suma = ( x, y ) => x + y;
  • 5. GC-F -005 V. 01 Figura 1. Función normal. Figura 2. Arrow function. Con las funciones flecha, buscamos simplificar todo lo anterior de un modo mucho más directo y declarativo: • Eliminamos la palabra reservada function y nos limitamos a recoger los parámetros mediante los paréntesis tradicionales. • Podemos eliminar las llaves que delimitan el scope abriéndolo con una flecha. • Podemos eliminar la palabra reservada return. El ejemplo tradicional bien podria verse dificil, es unicamente hacerlo y concpetuar su forma.
  • 6. GC-F -005 V. 01 Desarrollar las formulas que se presentan en los documentos adicionales. INGRESAR VALORES DE FORMA DINAMICA Ing. Jorge Giraldo Guerrero R. @jjorgegiraldo