1

Encontre el siguiente codigo en internet, se trata de dos funciones en las cuales: la primera esta siendo asignada a una variable dentro de ella misma, supongo que se trata de recursividad. Mientras tanto, en la segunda simplemente se hace una llamada a la primera.

Lo que me parece curioso es que en ambas invocaciones a la funcion esta encerrada entre comillas. Soy nuevo con esto de JavaScript y nunca habia visto algo parecido ¿Por qué sucede esto? ¿Hay alguna manera de invocarla sin comillas? Adjunto codigo.

function animate(d) {
    if (d>eol) {
      map.panTo(endLocation.latlng);
      marker.setPosition(endLocation.latlng);
      return;
    }
    var p = polyline.GetPointAtDistance(d);
    map.panTo(p);
    marker.setPosition(p);
    updatePoly(d);
    timerHandle = setTimeout("animate("+(d+step)+")", tick);
  }

  function startAnimation() {
    eol=polyline.Distance();
    map.setCenter(polyline.getPath().getAt(0));
    poly2 = new google.maps.Polyline({path: [polyline.getPath().getAt(0)], strokeColor:"#0000FF", strokeWeight:10});
    setTimeout("animate(50)",2000);  // Tiempo inicial para que se muestre el mapa
  }
2
  • Cuando se usan las comillas suele ser para escribir dentro un texto por eso tiene un + donde se concatena con un código el 29 dic. 2020 a las 19:23
  • 3
    Porque así lo establece la documentación, la cual te invito a leer más a menudo. En todo caso, el uso de una expresión de tipo string no es recomendado, tal como no lo es el uso del método eval(). Saludos el 29 dic. 2020 a las 19:23

1 respuesta 1

2

setTimeout() puede hacer uso de eval() para ejecutar las instrucciones proporcionadas, pero es una mala práctica y se menciona en la documentación.

Si envías como parámetro la función con paréntesis (animate(50)) se va a ejecutar inmediatamente, sin aplicar el tiempo de espera, supongo que por eso la encerraron entre comillas, pero hay otras alternativas:

function log(parametro) {
    console.log(parametro);
}
// Usando eval: mala práctica
setTimeout("log('Después de timeout');", 300);
// Sin encerrar entre comillas se ejecuta inmediatamente
setTimeout(log('No hay timeout'), 3000);

// Buenas prácticas 1: Agregar los parámetros al final
setTimeout(log, 500, 'Esta es la forma correcta de ejecutar');
// Buenas prácticas 2: Usar función anónima
setTimeout(() => {
    log('También es correcto usar una función anónima');
}, 1000);

1
  • Wow amigo, eres el mejor, muchas gracias por sacarme la duda. Esto me pasa por no leer la documentacion :( el 29 dic. 2020 a las 21:09

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.