Aplicando el principio de redundancia: <code>const API_URL = 'https://swapi.co/api/' const PEOPLE_URL = 'people/' const opts = { crossDom...

Aaron Felipe Isaacs

Pregunta

student•hace 6 años

Aplicando el principio de redundancia:

const API_URL = 'https://swapi.co/api/'
const PEOPLE_URL = 'people/'
const opts = { crossDomain: true }

// const onPeopleResponse = ({ name }) => console.log(`hola, yo soy ${name}`)
const obtenerPersoaje = (id, callback) => {
  const url = `${API_URL}${PEOPLE_URL}${id}`
  fetch(url)
  .then(response => response.json())
  .then(({ name }) => {
    console.log(`hola, yo soy ${name}`)
    if (callback) {
      callback()
    }
  })
}

const mostrarPersonajes = (inicio, fin) => {
  obtenerPersoaje(inicio, () => {
    if (inicio < fin) {
      mostrarPersonajes(inicio+1, fin)
    } else {
      console.log('Fin')
    }
  })
}

mostrarPersonajes(1, 10)

Edward Steven Ramos Palacios

teacher•hace 6 años

Super! Esta muy bien tu ejemplo.

Solo dejame darte un Pro tip:

Early Return: te ahorras un else ya que solo tienes dos escenarios posibles. Y si se cumple la condición con el return evitas que siga la pila de ejecución. Esto te permite tener un código mas limpio, legible, mantenible...

if (inicio < fin) {
	return mostrarPersonajes(inicio+1, fin)
}

console.log('Fin')

Aplicando el principio de redundancia: <code>const API_URL = 'https://swapi.co/api/' const PEOPLE_URL = 'people/' const opts = { crossDom...

Fundamentos de JavaScript 2018

Fundamentos de JavaScript 2018