async/await 总是返回 undefined

Question

在我的量角器应用程序中，我有以下方法，它应该返回 boolean 值，具体取决于它是否找到元素。

async getTheValueOfEntery(entery: string) {
  var value = await element(by.xpath(entery))
    .isPresent().then((isExist) => {
      isExist;
    });
  return value;
}

但是，问题是，它总是返回undefined，虽然我确信它应该返回true。

那么，我的方法有什么问题？

---

更新：

确实，我需要有一个调用链，胖函数，所以我的函数最完整的版本如下：

async getTheValueOfEntery(entery: string) {

  var value = await element(by.xpath(entery))
    .isPresent().then((isExist, entery: string) => {
      isExist ? element(by.xpath(entery)).getText() : 0;
    });

  return value;
}

但是，我无法将 entery:string 传递给第二个 lambda。

Answer 1

注意这一点：

then((isExist)=>{isExist;});

在 JavaScript 胖箭头函数中，如果你用大括号括住你的代码，那么你需要返回一个值：

const sum = (a, b) => {
  return a + b;
}

相反，如果您只有一行，则可以同时删除大括号和return 语句：

const sum = (a, b) = a + b;

因此，在您的情况下，您也可以决定是在 isExist 之前添加 return，还是删除大括号。

但我们再进一步，如果你只有一个参数，你也可以去掉圆括号：

const square = x => x * x;

所以你的代码应该是这样的：

.then(isExist => isExist);

但这并不意味着什么！你只是返回你输入的参数，它不会改变你的承诺值。

最后，您可以通过这种方式简化代码：

async getTheValueOfEntery(entery:string){
    return (await element(by.xpath(entery))).isPresent();
}

附言。最好在 javascript 中讨论 fat-arrow 函数，而不是 lambda！

Answer 2

await 的返回值实际上是 then 参数。你根本不需要then。 then 的结果是返回 undefined。

var value = await (element(by.xpath(entery))).isPresent()
return value;

另外，我不确定这里的异步是什么。您可能正在等待错误的对象。

var value = await (element(by.xpath(entery))).isPresent()
return value;

或

var ele = await element(by.xpath(entery))
return ele.isPresent()

或

var ele = await by.xpath(entery)
return element(ele).isPresent()

更新

var isExist = await element(by.xpath(entery))
        .isPresent()
var value = isExist ? await element(by.xpath(entery)).getText() : 0;
        });

      return value;

但仍不清楚您在等待什么。

Answer 3

你不会从你的箭头函数返回任何东西，所以它的结果是undefined。如果你写：

.isPresent().then((isExist, entery: string) => {
  isExist ? element(by.xpath(entery)).getText() : 0;
});

那么就好像你会写：

.isPresent().then(function (isExist, entery: string) {
  isExist ? element(by.xpath(entery)).getText() : 0;
});

所以你需要添加一个return:

.isPresent().then((isExist, entery: string) => {
  return isExist ? element(by.xpath(entery)).getText() : 0;
});

或者删除{}:

.isPresent().then((isExist, entery: string) => isExist ? element(by.xpath(entery)).getText() : 0);

如果您对value 变量不做任何事情，除了返回它，那么您就不需要使用await。你可以写：

async getTheValueOfEntery(entery: string) {

  return element(by.xpath(entery))
    .isPresent().then((isExist, entery: string) => {
      isExist ? element(by.xpath(entery)).getText() : 0;
    });
}

async 理论上也不需要，但它不会造成伤害，它会表明此函数将始终返回一个 Promise。