-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathclase34.js
More file actions
70 lines (57 loc) · 2.12 KB
/
clase34.js
File metadata and controls
70 lines (57 loc) · 2.12 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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
//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}`)
}
obtenerPersonaje(1)
.then(character1 => {
console.log(`El personaje 1 es ${character1.name}`)
//devolvemos otra promesa (estamos encadenandolas)
return obtenerPersonaje(2)
})
.then(character2 => {
console.log(`El personaje 2 es ${character2.name}`)
return obtenerPersonaje(3)
})
.then(character3 => {
console.log(`El personaje 3 es ${character3.name}`)
return obtenerPersonaje(4)
})
.then(character4 => {
console.log(`El personaje 4 es ${character4.name}`)
return obtenerPersonaje(5)
})
.then(character5 => {
console.log(`El personaje 5 es ${character5.name}`)
return obtenerPersonaje(6)
})
.then(character6 => {
console.log(`El personaje 6 es ${character6.name}`)
})
.catch(onError)
//ENCADENAMOS LAS PROMESAS UNA DEBAJO DE LA OTRA, EL CATCH ES EL MISMO PARA TODAS
//cUANDO SE USAN PROMESAS LA EJECUCION DE LAS LLAMADAS NO SE HACEN
//DE MANERA ANIDADA SINO DE MANERA ENCADENADA, AL MISMO NIVEL UNA DEBAJO
//DE LA OTRA, LO QUE HACE QUE EL CODIGO SEA MUCHO MAS LEGIBLE Y MANTENIBLE.