如何在不影响外部功能的情况下使此代码顺序化

Question

I need such sequence:

🤡lurks in the shadows; the end

How to achieve such result without touching 'sequential' function?

Achieve sequential run

function who() {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve('🤡');
    }, 200);
  });
}

function what() {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve('lurks');
    }, 300);
  });
}

function where() {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve('in the shadows');
    }, 500);
  });
}

async function msg() {
  const a = await who();
  const b = await what();
  const c = await where();

  console.log(`${ a } ${ b } ${ c }`);
}

function sequential(){
    msg();
    console.log('the end');
}

sequential();

I need such sequence:

🤡lurks in the shadows
the end

How to achieve such result without touching 'sequential' function?

Current result is:

the end
🤡lurks in the shadows

Answer 1

 function who(data) { return new Promise(resolve => { setTimeout(() => { resolve(data + '🤡'); }, 200); }); } function what(data) { return new Promise(resolve => { setTimeout(() => { resolve(data + 'lurks'); }, 300); }); } function where(data) { return new Promise(resolve => { setTimeout(() => { resolve(data + 'in the shadows'); }, 500); }); } function msg() { return who('') .then(what) .then(where); } function sequential(){ return msg() .then((respo) => { console.log(JSON.stringify(respo)); console.log('the end'); }); } sequential(); 

You can do this!