自定义JS提示功能

Question

想法：调用异步 customPrompt() 等待，return 在按钮上单击 true 或 false。

目前我可以按应有的方式显示提示，但我被困在事件侦听器中作为函数 return 未解决的承诺

async function customPrompt() {

  prompt.classList.add('show);

  prompt.querySelector('.btnTrue').addEventListener('click', () => {
    return true;
  })

  prompt.querySelector('.btnFalse').addEventListener('click', () => {
    return false;
  })
}

如何在单击其中一个按钮后立即解决承诺？

PS：我是 async/await 的新手，但在网上找不到任何关于此类内容的文章

感谢任何帮助 ;)

Answer 1

在您的 customPrompt 函数中创建 Promise 并在单击按钮时 resolve 它

function customPrompt() {
  return new Promise((resolve) => {
      prompt.classList.add('show');

        prompt.querySelector('.btnTrue').addEventListener('click', () => {
          prompt.classList.remove('show');
          resolve(true);
        })

        prompt.querySelector('.btnFalse').addEventListener('click', () => {
          prompt.classList.remove('show');
          resolve(false);
        })
      })
  }
}

自定义JS提示功能

Custom JS prompt function

javascript

asynchronous

promise

async-await

ecmascript-6