SlideShare una empresa de Scribd logo
makeit.rceamapl 
Hablemos de Funciones 
Germán Escobar 
germanescobar.net! 
@germanescobar! 
!
makeitreal .camp Funciones 
Función 
Parámetros 
Valor de retorno
makeitreal .camp Funciones 
En JavaScript, las funciones 
están en todos lados. 
! 
A veces son truculentas.
makeitreal .camp Asignar a Variables 
var saludar = function() { 
console.log(“Hola”); 
};
makeitreal .camp Parámetro de otra función 
function saludar(func) { 
func(“Hola”); 
} 
! 
saludar(function(saludo) { 
console.log(saludo); 
});
makeitreal .camp Parámetro de otra función 
function saludar(func) { 
func(“Hola”); 
} 
! 
var f = function(saludo) { 
console.log(saludo); 
} 
saludar(f);
makeitreal .camp Parámetro de otra función 
for (var i=0; i < arr.length; i++) { 
console.log(arr[i]); 
} 
! 
function each(arr, action) { 
for (var i=0; i < arr.length; i++) 
action(arr[i]); 
}
makeitreal .camp Parámetro de otra función 
each([1, 2, 3], function(elem) { 
console.log(elem); 
}); 
! 
var sum = 0; 
each([1, 2, 3], function(elem) { 
sum += elem; 
});
makeitreal .camp Parámetro de otra función 
var arr = [1, 2, 3]; 
var arr2 = []; 
! 
for (var i=0; i < arr.length; i++) { 
arr2.push(arr[i] * 2); 
}
makeitreal .camp Parámetro de otra función 
function map(arr, action) { 
var arr2 = []; 
for (var i=0; i < arr.length; i++) { 
arr2.push(action(arr[i])); 
} 
return arr2; 
}
makeitreal .camp Parámetro de otra función 
var a = map([1, 2, 3], function(elem) { 
return elem * 2; 
}); 
! 
var b = map([1, 2, 3], Math.sqrt); 
! 
map([‘1’, ‘2’], Integer.parseInt);
makeitreal .camp Retornar una función 
function createBeeper() { 
return function() { 
alert(“beep”); 
}; 
} 
! 
var beeper = createBeeper(); 
beeper();
makeitreal .camp Retornar una función 
function counter() { 
var count = 0; 
return function() { 
console.log(count++); 
} 
}
makeitreal .camp Retornar una función 
var count = counter(); 
! 
count(); 
count(); 
count();
makeitreal .camp Las funciones son objetos! 
function prueba() {} 
! 
prueba.nombre = “German”;
makeitreal .camp Cuidado con el this! 
var obj = { 
name: “German”, 
sayHello: function() { 
return “Hola ” + this.name; 
} 
}; 
! 
var hola = obj.sayHello; 
hola();

Más contenido relacionado

DOC
computacion I
DOCX
Funciones programacion
PDF
Series Infinitas Convergentes y Divergentes en Geogebra CAS
DOCX
Include
PDF
Programar Función f(x) en C++
DOCX
Portafolio de evidencias
PDF
Ejemplos c++
PDF
Redondear un número entero ingresado a la decena y centena más cercana.
computacion I
Funciones programacion
Series Infinitas Convergentes y Divergentes en Geogebra CAS
Include
Programar Función f(x) en C++
Portafolio de evidencias
Ejemplos c++
Redondear un número entero ingresado a la decena y centena más cercana.

Destacado (17)

PPT
1 sdw-intro-prueba
PPTX
Data warehousing
PPTX
5 almacenes e inventarios nam
PDF
Booklet TPS ZoN 2014
PPTX
Bilatam - BI for Beginners
PPTX
PPT
Mce Logistic & Refurbished PresentacióN V10 2003
PPTX
Logistic aenvases
PDF
Androstenedione
PPTX
Cadaver exquisito
PDF
Gastamos más tiempo en hablar de los problemas que en afrontarlos
PPT
The history of english
PPTX
Processos telègraf i telefón neus i valentina
PPTX
PDF
สมัครงาน
PDF
Internet
1 sdw-intro-prueba
Data warehousing
5 almacenes e inventarios nam
Booklet TPS ZoN 2014
Bilatam - BI for Beginners
Mce Logistic & Refurbished PresentacióN V10 2003
Logistic aenvases
Androstenedione
Cadaver exquisito
Gastamos más tiempo en hablar de los problemas que en afrontarlos
The history of english
Processos telègraf i telefón neus i valentina
สมัครงาน
Internet
Publicidad

Similar a JS Functions (15)

PDF
ECMAScript 6
PPTX
Reactividad en Angular, React y VueJS
PDF
Las funciones en JavaScript para la programación orientada a objetos
KEY
Javascript funcional
PPT
Acciones funciones
PDF
Introducción a Javascript
PDF
Dart como alternativa a TypeScript (Codemotion 2016)
PDF
Clase 5 funciones en javaScript
PPTX
Pf con scala
PDF
JavaScript no es Vietnam
PDF
Programación Funcional 101 con Scala y ZIO 2.0
PPT
Funciones en C
PPT
FUNCIONES LENGUAJE C
PDF
Funciones en php
PPTX
Funciones Clase1
ECMAScript 6
Reactividad en Angular, React y VueJS
Las funciones en JavaScript para la programación orientada a objetos
Javascript funcional
Acciones funciones
Introducción a Javascript
Dart como alternativa a TypeScript (Codemotion 2016)
Clase 5 funciones en javaScript
Pf con scala
JavaScript no es Vietnam
Programación Funcional 101 con Scala y ZIO 2.0
Funciones en C
FUNCIONES LENGUAJE C
Funciones en php
Funciones Clase1
Publicidad

Último (6)

DOCX
trabajo programacion.docxxdxxxddxdxxdxdxxxdxxdxdxd
PDF
AutoCAD Herramientas para el futuro, Juan Fandiño
PPTX
Conceptos basicos de Base de Datos y sus propiedades
PDF
Su punto de partida en la IA: Microsoft 365 Copilot Chat
PPTX
Derechos_de_Autor_y_Creative_Commons.pptx
PPTX
sistemas de informacion.................
trabajo programacion.docxxdxxxddxdxxdxdxxxdxxdxdxd
AutoCAD Herramientas para el futuro, Juan Fandiño
Conceptos basicos de Base de Datos y sus propiedades
Su punto de partida en la IA: Microsoft 365 Copilot Chat
Derechos_de_Autor_y_Creative_Commons.pptx
sistemas de informacion.................

JS Functions

  • 1. makeit.rceamapl Hablemos de Funciones Germán Escobar germanescobar.net! @germanescobar! !
  • 2. makeitreal .camp Funciones Función Parámetros Valor de retorno
  • 3. makeitreal .camp Funciones En JavaScript, las funciones están en todos lados. ! A veces son truculentas.
  • 4. makeitreal .camp Asignar a Variables var saludar = function() { console.log(“Hola”); };
  • 5. makeitreal .camp Parámetro de otra función function saludar(func) { func(“Hola”); } ! saludar(function(saludo) { console.log(saludo); });
  • 6. makeitreal .camp Parámetro de otra función function saludar(func) { func(“Hola”); } ! var f = function(saludo) { console.log(saludo); } saludar(f);
  • 7. makeitreal .camp Parámetro de otra función for (var i=0; i < arr.length; i++) { console.log(arr[i]); } ! function each(arr, action) { for (var i=0; i < arr.length; i++) action(arr[i]); }
  • 8. makeitreal .camp Parámetro de otra función each([1, 2, 3], function(elem) { console.log(elem); }); ! var sum = 0; each([1, 2, 3], function(elem) { sum += elem; });
  • 9. makeitreal .camp Parámetro de otra función var arr = [1, 2, 3]; var arr2 = []; ! for (var i=0; i < arr.length; i++) { arr2.push(arr[i] * 2); }
  • 10. makeitreal .camp Parámetro de otra función function map(arr, action) { var arr2 = []; for (var i=0; i < arr.length; i++) { arr2.push(action(arr[i])); } return arr2; }
  • 11. makeitreal .camp Parámetro de otra función var a = map([1, 2, 3], function(elem) { return elem * 2; }); ! var b = map([1, 2, 3], Math.sqrt); ! map([‘1’, ‘2’], Integer.parseInt);
  • 12. makeitreal .camp Retornar una función function createBeeper() { return function() { alert(“beep”); }; } ! var beeper = createBeeper(); beeper();
  • 13. makeitreal .camp Retornar una función function counter() { var count = 0; return function() { console.log(count++); } }
  • 14. makeitreal .camp Retornar una función var count = counter(); ! count(); count(); count();
  • 15. makeitreal .camp Las funciones son objetos! function prueba() {} ! prueba.nombre = “German”;
  • 16. makeitreal .camp Cuidado con el this! var obj = { name: “German”, sayHello: function() { return “Hola ” + this.name; } }; ! var hola = obj.sayHello; hola();