SlideShare una empresa de Scribd logo
1 de 6
Descargar para leer sin conexión
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

Similar a FUNCIONES EN JAVA SCRIPT

Java script(diapositivas)
Java script(diapositivas) Java script(diapositivas)
Java script(diapositivas) Roberto Mejia
 
JavaScript no es Vietnam
JavaScript no es VietnamJavaScript no es Vietnam
JavaScript no es VietnamAlex Casquete
 
Encriptacion y crackmes_en_batch_desde_0_by_xassiz
Encriptacion y crackmes_en_batch_desde_0_by_xassizEncriptacion y crackmes_en_batch_desde_0_by_xassiz
Encriptacion y crackmes_en_batch_desde_0_by_xassizChristian Chauca Bravo
 
Joomladay 2008 Madrid - desarrollo de extensiones
Joomladay 2008 Madrid - desarrollo de extensionesJoomladay 2008 Madrid - desarrollo de extensiones
Joomladay 2008 Madrid - desarrollo de extensionesdeivit86
 
FUNCIONES EN LENGUAJE C
FUNCIONES EN LENGUAJE CFUNCIONES EN LENGUAJE C
FUNCIONES EN LENGUAJE Cflaquita_dany
 
Evidencia: Sesión Virtual Funciones PHP
Evidencia: Sesión Virtual Funciones PHPEvidencia: Sesión Virtual Funciones PHP
Evidencia: Sesión Virtual Funciones PHPSebastián Joya
 
Php02 fundamentos de php
Php02 fundamentos de phpPhp02 fundamentos de php
Php02 fundamentos de phpJulio Pari
 
Explique 7 razones por las cuales considera conveniente el uso de las funcion...
Explique 7 razones por las cuales considera conveniente el uso de las funcion...Explique 7 razones por las cuales considera conveniente el uso de las funcion...
Explique 7 razones por las cuales considera conveniente el uso de las funcion...Adrian Ascanio
 
Programación Funcional en JavaScript
Programación Funcional en JavaScriptProgramación Funcional en JavaScript
Programación Funcional en JavaScriptJavier Vélez Reyes
 
Ventaja del uso de las Funciones en PHP
Ventaja del uso de las Funciones en PHPVentaja del uso de las Funciones en PHP
Ventaja del uso de las Funciones en PHPJC Marley
 
Javascript Básico
Javascript BásicoJavascript Básico
Javascript Básicocamposer
 
Javascript 1
Javascript 1Javascript 1
Javascript 1Juan C
 
Drupal7 para desarrolladores
Drupal7 para desarrolladoresDrupal7 para desarrolladores
Drupal7 para desarrolladoresPedro Cambra
 
Aprendiendo javascript
Aprendiendo javascriptAprendiendo javascript
Aprendiendo javascriptCarlos Salas
 

Similar a FUNCIONES EN JAVA SCRIPT (20)

Funciones
FuncionesFunciones
Funciones
 
Java script(diapositivas)
Java script(diapositivas) Java script(diapositivas)
Java script(diapositivas)
 
JavaScript no es Vietnam
JavaScript no es VietnamJavaScript no es Vietnam
JavaScript no es Vietnam
 
Encriptacion y crackmes_en_batch_desde_0_by_xassiz
Encriptacion y crackmes_en_batch_desde_0_by_xassizEncriptacion y crackmes_en_batch_desde_0_by_xassiz
Encriptacion y crackmes_en_batch_desde_0_by_xassiz
 
Joomladay 2008 Madrid - desarrollo de extensiones
Joomladay 2008 Madrid - desarrollo de extensionesJoomladay 2008 Madrid - desarrollo de extensiones
Joomladay 2008 Madrid - desarrollo de extensiones
 
FUNCIONES EN LENGUAJE C
FUNCIONES EN LENGUAJE CFUNCIONES EN LENGUAJE C
FUNCIONES EN LENGUAJE C
 
Evidencia: Sesión Virtual Funciones PHP
Evidencia: Sesión Virtual Funciones PHPEvidencia: Sesión Virtual Funciones PHP
Evidencia: Sesión Virtual Funciones PHP
 
Funcionesclase1
Funcionesclase1Funcionesclase1
Funcionesclase1
 
Php02 fundamentos de php
Php02 fundamentos de phpPhp02 fundamentos de php
Php02 fundamentos de php
 
Primeros Ejemplos Usando Operadores en Visual C# (C Sharp)
Primeros Ejemplos Usando Operadores en Visual C# (C Sharp)Primeros Ejemplos Usando Operadores en Visual C# (C Sharp)
Primeros Ejemplos Usando Operadores en Visual C# (C Sharp)
 
Curso AngularJS - 7. temas avanzados
Curso AngularJS - 7. temas avanzadosCurso AngularJS - 7. temas avanzados
Curso AngularJS - 7. temas avanzados
 
Explique 7 razones por las cuales considera conveniente el uso de las funcion...
Explique 7 razones por las cuales considera conveniente el uso de las funcion...Explique 7 razones por las cuales considera conveniente el uso de las funcion...
Explique 7 razones por las cuales considera conveniente el uso de las funcion...
 
Programación Funcional en JavaScript
Programación Funcional en JavaScriptProgramación Funcional en JavaScript
Programación Funcional en JavaScript
 
Ventaja del uso de las Funciones en PHP
Ventaja del uso de las Funciones en PHPVentaja del uso de las Funciones en PHP
Ventaja del uso de las Funciones en PHP
 
Javascript Básico
Javascript BásicoJavascript Básico
Javascript Básico
 
Javascript 1
Javascript 1Javascript 1
Javascript 1
 
Drupal7 para desarrolladores
Drupal7 para desarrolladoresDrupal7 para desarrolladores
Drupal7 para desarrolladores
 
Desarrollo web con php unidad 3
Desarrollo web con php unidad 3Desarrollo web con php unidad 3
Desarrollo web con php unidad 3
 
Aprendiendo javascript
Aprendiendo javascriptAprendiendo javascript
Aprendiendo javascript
 
Funciones en C.docx
Funciones en C.docxFunciones en C.docx
Funciones en C.docx
 

Más de JORGE GIRALDO

JAVASCRIPT - COMO ANIMAR IMAGENES
JAVASCRIPT - COMO ANIMAR IMAGENESJAVASCRIPT - COMO ANIMAR IMAGENES
JAVASCRIPT - COMO ANIMAR IMAGENESJORGE GIRALDO
 
IF-ELSE EN Csharp C#
IF-ELSE EN Csharp C#IF-ELSE EN Csharp C#
IF-ELSE EN Csharp C#JORGE GIRALDO
 
Rol Gerente Proyectos
Rol Gerente ProyectosRol Gerente Proyectos
Rol Gerente ProyectosJORGE GIRALDO
 
PROGRAMACIÓN ORIENTADA A OBJETOS HERENCIA - POOEjemplo herencia
PROGRAMACIÓN ORIENTADA A OBJETOS HERENCIA - POOEjemplo herenciaPROGRAMACIÓN ORIENTADA A OBJETOS HERENCIA - POOEjemplo herencia
PROGRAMACIÓN ORIENTADA A OBJETOS HERENCIA - POOEjemplo herenciaJORGE GIRALDO
 
Programación C# 1. Asignación
Programación C# 1. AsignaciónProgramación C# 1. Asignación
Programación C# 1. AsignaciónJORGE GIRALDO
 

Más de JORGE GIRALDO (6)

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

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