"Assure that setTimeout will be executed within the then method in

Question

"Assure that setTimeout will be executed within the then method in

Within an Immediately Invoked Function Expression (IFFE), I am returning a Promise. The first thing that is logged is first, followed by third, and then second. Despite having the setTimeout inside the then block, shouldn't everything within it be executed synchronously?

(() => {
    return new Promise(resolve => {
       console.log("first")
       resolve()
    })
    .then(() => {
       setTimeout(() => console.log("second"), 3000)
    })


})()
.then(() => console.log("third"))

javascript

Answer 1

Answer №1

To implement the use of setTimeout within a Promise, you need to create an additional promise and resolve it inside the setTimeout function. This is demonstrated in the code snippet below:

new Promise(resolve => setTimeout(resolve, 3000));

Here's how it looks in a larger context:

new Promise(resolve => {
  console.log('first');
  resolve();
})
  .then(
    () =>
      new Promise(resolve =>
        setTimeout(() => {
          console.log('second');
          resolve();
        }, 3000)
      )
  )
  .then(() => console.log('third'));

Answer 2

To implement the use of setTimeout within a Promise, you need to create an additional promise and resolve it inside the setTimeout function. This is demonstrated in the code snippet below:

new Promise(resolve => setTimeout(resolve, 3000));

Here's how it looks in a larger context:

new Promise(resolve => {
  console.log('first');
  resolve();
})
  .then(
    () =>
      new Promise(resolve =>
        setTimeout(() => {
          console.log('second');
          resolve();
        }, 3000)
      )
  )
  .then(() => console.log('third'));

"Assure that setTimeout will be executed within the then method in

Answer №1

Similar questions

How to sort WordPress RSS feed in alphabetical order using JavaScript

Unlocking the treasures of JSON data in JavaScriptDiscovering the secrets of extracting JSON

What is the best way to delete a container when its child element includes a specific string?

Issue with retrieving data from MySQL database using PHP in Chart.js

Trapped in the Web of Facebook OAuth

Tips on showing binary information as images using extjs 4

Using AJAX to submit a form to a CodeIgniter 3 controller

Ways to combine X and Y velocities into a single velocity

Tips for injecting an Angular variable into a JavaScript variable

Access view name in controller using Ui-Router

Ways to ensure that a URL is distinct once a link has been clicked

How to Stop Form from Automatically Submitting in Laravel 5.5 and vue-typeahead's onHit method

Is it possible for a JavaScript .execute function to be executed synchronously, or can it be transformed into an Ajax

What is the best way to add a character within a YouTube JSON link?

The markers on Google Maps are currently displaying in the wrong position, despite the latitude and longitude being correct

Error handling: Encountered unexpected issues while parsing templates in Angular 2

How can I reposition an image diagonally to a specific location using JavaScript in p5.js? Is there a method to display an image and then conceal it at a chosen location in p5.js?

Assign an attendee the role of organizer in the Google Calendar API

Scrolling to a specific position on a page when a Vue 3 component appears is a must-do for

Creating a hover effect for displaying image masks