javascript - js回调写法如何转为Promise?

Question

function test(flag, cb) {  cb(flag)  console.log('finish')}

cb是回调函数，我想要先执行cb，再执行后面test中一些逻辑
这个如何改为Promise写法，不使用setTimeout、requestAnimationFrame
能得到下面的使用效果

test2(false).then(flag => {  console.log('cb call')})// -> cb call// -> finish

Answer 1

function test2(flag) {  return {    then: function (cb) {      return new Promise(function (resolve, reject) {        try {          cb();          console.log('finish');          resolve();        } catch (e) {          reject(e);        }      });    }  }}(async function () {  await test2(false).then(() => {    console.log('cb call');  });})();

then还是改名before更好

Answer 2

function cb(flag) {  return new Promise((resolve)=>{    setTimeout(()=>{      console.log(flag) // 这行代码不能是异步的      resolve()    },1000)  })}async function test(flag, cb) {  await cb(flag)  console.log('finish')}function test2(flag,cb){  cb(flag).then(()=>{    console.log('finish')  })}test('sss', cb)

不太确定你的需求，按我的理解，如果你需要执行异步的cb再执行finish，那就要在cb中使用promise，提供一个写法，test和test2效果是一样的。

Answer 3

返回一个 promise 就好了呀。

function test(flag) {  return new Promise((resolve, reject) => {    setTimeout(() => flag ? resolve(flag) : reject(flag), 2000)  })}test(true).then(res => {  console.log('test.then =>', res)}).catch(err => {  console.log('test.catch =>', err)})

---

Edit

没完整看完问题描述，你这个就是没有正确理解 链式调用 才会提出来的问题呀。
所以其实你需要 Promisify 的其实是 cb 这个函数，而不是 test 这个函数啊。

Answer 4

很简单,把你本该写回调的地方,写上promise的resolve即可

function test(flag) {  return new Promise(resolve => {    resolve(flag)    console.log('finish')  })}

但是你希望执行完cb call再执行finish
这根本不是promise可以解决的场景
因为resolve那会进入微任务
console.log('finish')那儿不会等待因resolve之后触发then里回调执行完再执行