-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathclase35.js
More file actions
56 lines (42 loc) · 1.9 KB
/
clase35.js
File metadata and controls
56 lines (42 loc) · 1.9 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
//Promesas: Pensemos en las promesas como valores que aun no conocemos
//La mayoria de los navegadores soportan las promesas, podemos usar un
//Polifil; detecta si el navegador tiene soporte para las promesas y puede
//crear la clase de las promesas por nosotros.
//Estados De Las promesas
//---Pending: es cuando creamos una promesa
//---Fulfilled: pasa a este estado cuando la promesa se resuelve exitosamente
//---Reject: pasa a este estado cuando ocurre algun error al resolverse
//Las promesas pueden resolverse de manera Asincrona y Sincrona
const API_URL = 'https://swapi.co/api/'
const PEOPLE_URL = 'people/:id'
//const LUKE_URL = `${API_URL}${PEOPLE_URL.replace(':id', 1)}`
const opts = { crossDomain: true }
//callback (cb o cn) un segundo parametro
function obtenerPersonaje(id) {
return new Promise((resolve, reject) => {
const URL = `${API_URL}${PEOPLE_URL.replace(':id', id)}`
$
.get(URL, opts, function (data) {
resolve(data)
})
.fail(() => reject(id))
})
}
function onError(id) {
console.log(`Sucedio un error al obtener el personaje ${id}`)
}
var ids = [1, 2, 3, 4, 5, 6, 7]
//.map tomara el array y por cada elemento va a devolver un elemento nuevo que sera una promesa
var promesas = ids.map(id => obtenerPersonaje(id))
//Promise.all(arrayPromesas) ejecuta las promesas en paralelo
Promise.all(promesas)
.then(characters => characters.map(character => {console.log(`El personaje es ${character.name}`)}))
.catch(onError)
//PARA HACER EL LLAMADO A MULTIPLES PROMESAS, NOS APOYAMOS EN UN ARRAY DE IDS CON
//EL QUE LUEGO CONTRUIMOS OTRO ARREGLO DE PROMEDAS, QUE PASAREMOS COMO PARAMETRO A
//Promise.all(arregloDePromesas), CON LAS PROMESAS PODEMOS ENCADENAR LLAMADAS EN
//PARALELO, ALGO QUE NO ES POSIBLE USANDO CALLBACKS.
//var promesas = ids.map(function (id) {
//con el return retornamos el nuevo elmento (una promesa)
//return obtenerPersonaje(id)
//})