如何从返回的承诺值中跳出循环？

Question

对 javascript 有点陌生，但根据我的阅读，promise 中的所有值基本上只能在该 promise 中使用，对吧？

基本上 getSomething() 从另一个承诺返回真/假。如果为真，我将跳出 for 循环。我试过这样的东西，但我确定它不正确，因为它没有打印出“打破”

for(...) {
    var bool = this.getSomething(a,b,c).then((flag) => {
        if (flag == true) {
            console.log('returning true');
            return true; // can't use break so have to set boolean - eslint gives me unsyntactical break
        }
    });

    if (bool == true) {
        console.log('breaking');
        break;
    }
}

getSomething(a,b,c) {
    const n = b[a].element(by.binding('something'));
    return n.getText().then((text) => {
        if (text === c) {
        return clickSomething();        // returns true after click()
        }
    });
}

我之所以使用for循环是因为我需要在strong标签中找到匹配的文本，然后点击它下面td标签中的按钮。

<tbody>
    <tr ng-repeat="something">
        <td>
            <strong>{{x.name}}</strong>
        </td>
        <td>
            <button>{{x.button}}</button>
        </td>
    </tr>
</tbody>

Answer 1

其中涉及 Protractor 添加到 Control Flow queue 的 Promise，您无法像通常在同步“从上到下”代码中那样读取和处理 for 循环 + break。

此问题的常见解决方案是使用递归+闭包，请参阅此处的示例解决方案：

• Asynchronous for cycle in JavaScript
• AngularJS & Protractor - Perform .click() while an element .isDisplayed()

---

我之所以使用for循环是因为我需要在strong标签中找到匹配的文本，然后点击它下方td标签中的按钮。

一种选择是使用by.xpath() locator：

element(by.xpath("//td[strong = '" + label + "']/following-sibling::td/button")).click();

其中label 是您要查找的strong 值。

或者，更具体的量角器方法是使用filter()：

var rows = element.all(by.repeater("something"));

var filteredRow = rows.filter(function (row) {
    return row.element(by.binding("x.name")).getText().then(function (name) {
        return name === label; 
    });
}).first();

filteredRow.element(by.binding("x.button")).click();

Answer 2

如果你真的想做这样的事情，你必须使用when，它会返回一个新的承诺。

when(promise1, promise2, promise3).done( function (promise1, promise2, promise3) {
}

• 当所有给定的 Promise 都被解决后，新的 Promise 也被解决了
• 当一个承诺失败时，新的承诺也会失败