代码之家 › 专栏 › 技术社区 › kit

将async/await样式转换为传统样式。

bluebird async-await promise ecmascript-6 javascript

kit · 技术社区 · 8 年前

考虑下面的代码示例,如果 methodA 不给我预期的结果,我会试试 methodB .

function methodA () {
    console.log('called A');
    return Promise.resolve('not result');
}

function methodB () {
    console.log('called B');
    return Promise.resolve('result');
}

function isValid (result) {
    return result === 'result';
}

async function getResult () {
  let result = await methodA();
  if (!isValid(result)) result = await methodB();
  console.log('result', result);
}

我想用传统的 .then 处理异步函数的样式。

function getResult () {
  return methodA()
  .then((result) => {
    if (isValid(result)) return result;
    return methodB();
  })
  .then((result) => {
    console.log('result', result);
  });
}

我可以增加一些方法( methodC ,请 methodD …)在未来。

有办法吗 getResult 看起来更干净?

JSFiddle

3 回复 | 直到 8 年前

alexmac 8 年前

你可以一个接一个地解决承诺(按顺序):

function methodA() {
  console.log('called A');
  return Promise.resolve('not result');
}

function methodB() {
  console.log('called B');
  return Promise.resolve('result');
}

function methodC() {
  console.log('called Ð¡');
  return Promise.resolve('not result');
}

function getResult() {
  let methods = [methodA, methodB, methodC];

  let op = Promise.resolve();
  methods.forEach(m => op = op.then(result => result == 'result' ? null : m()));

  return op.then(() => console.log('result'));
}

getResult();

仅在上面的示例中 methodA 和 methodB 将被调用。

Doug Coburn 8 年前

function methodA() {
    console.log('called A');
    return Promise.resolve('not result');
}

function methodB() {
    console.log('called B');
    return Promise.reject({ error: true, reason: 'idk' });
}

function methodC() {
    console.log('called C');
    return Promise.resolve('not result');
}

function methodD() {
    console.log('called D');
    return Promise.resolve('result');
}

function addFallback(promise, nextMethod) {
    return promise
    .then(result => result === 'result' ? result : nextMethod())
}

function getResult () {
    let promise = methodA()
    promise = addFallback(promise, methodB);
    promise = addFallback(promise, methodC);
    promise = addFallback(promise, methodD);
    return promise
    .then(result => {
        if (result) { console.log('result', result); }
    });
}

getResult()
.catch(e => { console.log(e)});

Thomas Grainger 8 年前

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前