javascript - 为什么我不能在量角器中使用：“await .getAttribute()”，即使它返回一个承诺？

Question

我正在尝试更改我的量角器测试以使用 async/await 而不是 selenium 控制流，但它不会让我将 await 用于 .getAttribute() 函数。我得到的只是这个错误消息：“SyntaxError：await 仅在异步函数中有效”。但是 .getAttribute() 不应该是异步的，因为它返回一个承诺？

这是我收到此错误的众多示例之一：

this.navBarcreator = async () => {        
    var mapArray = {}

    await element.all(by.tagName('mat-list-item')).each((elem) => {
        var tmp = await elem.getAttribute('aria-describedby')
        if (tmp != null) {
            ...
        }
    })

Answer 1

(elem) => {
    var tmp = await elem.getAttribute('aria-describedby')
    if (tmp != null) {
        ...
    }

该功能不是async，它必须是asyncforawait才能工作。使您的回调异步，它应该可以工作。

async (elem) => { //... }

Answer 2

如果我们分解您的功能：

// We have this first part which is async/await
this.navBarcreator = async () => {        
    // ...
});

---

// Then we have this part, where we are calling a function
// using each, and this function is not async/await
// but you are trying to use the keyword await in it
var mapArray = {}

await element.all(by.tagName('mat-list-item')).each((elem) => {
   // ... await ...
});

---

正确的语法是

await element.all(by.tagName('mat-list-item')).each(async (elem) => {
   // ... await ...
});

---

但我不知道异步函数的使用是否适合.each.

我自己，我喜欢映射并返回我使用 a 解决的承诺Promise.all，例如：

async function treatElement(x) {
   // ... await ...
}

await Promise.all(myArr.map(x => treatElement(x)));