Как решить задачу связной с асинхроннстю?

Question

[saqo_tadevosyan]

const fs = require('fs');

const [A, B, C] = JSON.parse(fs.readFileSync('input'));

function getA() {
  return A;
}

function getB(callback) {
  setTimeout(() => {
      callback(B);
  }, 10);
}

function getC() {
  return Promise.resolve().then(() => C);
}

function getABC() {
  ...
}

getABC().then((arr) => console.log(arr));

Нужно место 3 точек написать код,в котором будут визвани остальные функции,в конце в консоле должен отображаться такой результат ["A","B","C"].

Comments

[Владимир]

Оберните код в теги

[saqo_tadevosyan]

Владимир, хорошо

Answer 1

[Павел Корнилов]

https://codepen.io/KorniloFF/pen/vYGzZeb?editors=1011

Answer 2

[Loli E1ON]

const fs = require('fs');
const [A, B, C] = JSON.parse(fs.readFileSync('input'));

const getA = () => A;
const getB = callback => setTimeout(() => callback(B), 10);
const getC = () => Promise.resolve().then(() => C);

const getABC = () => new Promise(resolve => getB(b => resolve(b))).then(b => getC().then(c => [getA(), b, c]));

getABC().then(value => console.log(value));

Comments

[Aetae]

В данном случае вот это: new Promise(resolve => getB(b => resolve(b))) сокращается до: new Promise(getB). Зачем плодить сущности?)

[Loli E1ON]

Aetae, я не знал об этом

[Aetae]

Loli E1ON, в смысле не знал?
Это не магия, это просто сокращение лишнего мусора в коде.)
0. Берём:
resolve => getB(b => resolve(b));
1. берём оттуда:
b => resolve(b);
2. условно расписываем для понятности:
function foo(b){ return bar(b) };
3. если bar принимает только один аргумент, то функция foo - бессмысленная обёртка:
foo ≈ bar;
b => resolve(b) ≈ resolve;
4. resolve => getB(resolve);
5. возвращаемся к пункту 2 и повторяем до победы).

Answer 3

[hzzzzl]

так не подойдет?

function getA() {
  return 'A';
}

function getB() {
  return new Promise(resolve => {
    setTimeout(() => {
      return resolve('B');
    }, 1000);
  })
}

function getC() {
  return Promise.resolve('C');
}

function getABC() {
  return Promise.all([
    getA(), 
    // это типа callback с результатом промиса
    getB().then(result => 'Hello from ' + result), 
    getC()
  ])
}

console.log( await getABC() )

Comments

[saqo_tadevosyan]

Нет,мы можем изменить код только внутри getABC я сделал так

return Promise.all([getA(),getB.then((B)=>{
     return B
 }),getC()])

Только место B получается undefined

[Aetae]

saqo_tadevosyan, естественно, потому что getB не Promise. Оберните getB в Promise - это элементарная задача.

[saqo_tadevosyan]

Aetae, это не сработало,если я правильно понял Вас

function getABC() {
   
 return Promise.all([getA(), getB( (B)=>{
     return Promise.resolve().then(() => B)
 }),getC()])
}

[Aetae]

saqo_tadevosyan, поняли правильно - сделали неправильно. Разберитесь как работает Promise и как callback.

[saqo_tadevosyan]

Aetae, Мы можем изменить код только внутри getABC,а остальные части кода должны оставаться неприкасаемые

[Aetae]

saqo_tadevosyan, Ну вот тебе код:

return Promise.all([getA(), new Promise(getB), getC()])

Только какой тебе от него толк, если ты не понимаешь почему так?

[saqo_tadevosyan]

Спасибо,обе варианты сработали

[Aetae]

saqo_tadevosyan, варианты Loli E1ON и Павел Корнилов отличются от приведённого выше тем, что они последовательные, причём если вариант от Павел Корнилов исполняется и заполняет массив по порядку, то вариант от Loli E1ON сначала выполняет и ждёт getB, потом выполняет и ждёт getC, и только потом потом выполняет getA.
В варианте же с Promise.all ожидают завершения все сразу параллельно.

Answer 4

[Tim]

const A = _ => 'A';
const B = _ => 'B';
const C = _ => 'C';



function getB(callback) {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve(callback);
    }, 1000);
  })
}

Promise.all([getB(A), getB(B), getB(C)]).then(values => {
  const res = values.map(item => item());
  console.log(res)
});