promise化的confirm 应该总是 resolved

[fisker]

一些ui库把 confirm 设计成 类似

function badConfirm(msg) {
  return window.confirm(msg)
    ? Promise.resolve(true)
    : Promise.reject(true)
}

那么使用的时候就可以

badConfirm('你确认吗?')
  .then(() => console.log('确认'))
  .catch(() => console.log('取消'))

看起来很美好，直到你使用 await 的时候

(async () => {
  let ok = false

  try {
    ok = await badConfirm('你确认吗?')
  } catch (err) {}
  console.log(ok ? '确定' : '取消')
})()

因为你不用 try/catch 你的程序就报错了

写一两次可能还好，当你需要反复确认的时候，只有一个感觉想死

所以我推荐返回的primise总是resolved

async function goodConfirm(msg) {
  return await window.confirm(msg)
}

// OR

function goodConfirm(msg) {
  return new Promise(resolve => resolve(window.confirm(msg)))
}

// OR

function goodConfirm(msg) {
  return Promise.resolve(window.confirm(msg))
}

then 语法

goodConfirm('你确认吗?')
  .then(ok => console.log(ok ? '确认' : '取消'))

await 语法

(async () => {
  let ok = await goodConfirm('你确认吗?')
  console.log(ok ? '确定' : '取消')
})()