Обещание - `then ()` работает не так, как ожидалось

У меня есть 2 функции. Я использую метод then() для promise. Но я пытаюсь запустить функцию second после первого обещания. Но теперь второй вызов функции как первый. как это исправить?

или возникла проблема с моим кодом?

вот моя попытка:

var getData = function(){
    return new Promise((resolve, reject) => {
    setTimeout(() => {
        resolve(42); //consoles as second
    }, 5000);
  })
}

var getDataMoreData = function(){
    return new Promise((resolve, reject) => {
    setTimeout(() => {
        resolve(43); //consoles as first
    }, 3000);
  })
}



getData().then((data)=> console.info('Data', data)).then(getDataMoreData().then((data)=> console.info('data--', data )));

Живая демонстрация

javascript asynchronous promise

02.04.2018 08:46

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

123

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

.then принимает функция в качестве параметра. Когда ты делаешь

.then(getDataMoreData()
  .then((data) => console.info('data--', data))
);

, он немедленно вызывает getDataMoreData() (с ожиданием, что он вернет функцию, которую можно поместить в цепочку обещаний). Но getDataMoreData не возвращает функцию - он возвращает обещание.

Любая функция звонки непосредственно внутри then выполняется немедленно, поскольку она пытается построить цепочку обещаний .then. Просто укажите переменную функции внутри then вместо ее вызова:

var getData = function() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(42); 
    }, 500);
  })
}

var getDataMoreData = function() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(43); 
    }, 300);
  })
}



getData()
  .then((data) => console.info('Data', data))
  .then(getDataMoreData)
  .then((data) => console.info('data--', data));

этот ответ правильный - в качестве примечания, если вам не нужно последовательное выполнение, вы можете запустить их параллельно с: Promise.all ([getData (), getMoreData ()]. then ((data1, data2) => {})

— 02.04.2018 09:13

02.04.2018 08:51