#1 ― async / await (KharkivJS)

index.js

function squareAfter2Seconds(x) {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve(x * x);
    }, 2000);
  });
}

async function calc() {
  const a = await squareAfter2Seconds(10);
  const b = await squareAfter2Seconds(20);
  const c = await squareAfter2Seconds(30);

  console.log(a + b + c);
}

calc();

function squareAfter2Seconds(x) {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve(x * x);
    }, 2000);
  });
}

async function calc() {
  let a;
  let b;

  squareAfter2Seconds(10)
      .then(result => a = result);

  squareAfter2Seconds(20)
      .then(result => b = result);

  const c = await squareAfter2Seconds(30);

  console.log(a + b + c);
}

calc();

Работать будет, но не самое красивое решение

function squareAfter2Seconds(x) {
  return new Promise( res => {
    setTimeout(() => {
      res(x * x);
    }, 2000);
  });
}

async function calc() {
  const a = squareAfter2Seconds(10);
  const b = squareAfter2Seconds(20);
  const c = squareAfter2Seconds(30);

  console.log(await a + await b + await c);
}

calc();

да, самый ок вариант.

убрал ссылку на гист из топика, а то не интересно будет

Поскольку не успел - хоть сахару добавлю

async function calc() {
  const [ a, b, c ] = [ 10, 20, 30 ].map( n => squareAfter2Seconds( n ) );
  console.log(await a + await b + await c);
}

@bozheville

Если совсем упороться, можно еще и без переменных )
(btw но так делать не нужно никогда)

async function calc() {
  console.log(
    await [ 10, 20, 30 ]
    .map(async x => await squareAfter2Seconds(x))
    .reduce(async (a, b) => await a + await b)
  )
}