在数组javascript的排序函数中实现async/await

Question

我正在尝试在量角器ElementArrayFinder 上实现排序方法。众所周知，所有量角器方法都返回承诺。 所以我的排序方法有一个取决于承诺解决的条件。 我正在为async/await 使用节点插件，以使其与低于 6 的 node.js 版本兼容。 （这里的插件：https://www.npmjs.com/package/asyncawait）

这是我的代码，其中this 是ArrayElementFinder：

var asyncCompare = async(function(a, b) {
    let x = await (a.getText());
    let y = await (b.getText());
    console.log(x.localeCompare(y));
    return x.localeCompare(y);
});

var sortTheArray = async(function(arrayOfElementFinders) {
    return await (arrayOfElementFinders.sort(asyncCompare));
});

this.then((elements) => {
    let arrayOfElementFinders = [elements[0], elements[1], elements[2]];
    let sortedArray = sortTheArray(arrayOfElementFinders);
    console.log('array sorted');
});

不幸的是，时间执行不是我所期望的。打印：array sorted 发生在比较 x.localeCompare(y) 的打印之前。 知道我在做什么错吗？知道如何实现我的目标吗？

非常感谢您的帮助

Answer 1

sort 不接受异步回调。它期望一个数值作为返回值，而不是一个承诺；它确实返回一个数组而不是一个承诺。没有办法解决这个问题（尽管可以实现自定义的异步排序算法 - 甚至是并行算法）。

但这无论如何都是非常低效的。在每个排序步骤中异步获取比较值会很慢 - 它会多次获取每个元素的相同值。不要那样做。相反，使用 Schwartzian transform 获取要排序的值，然后排序（同步），然后使用结果。

你应该这样做

const elements = await this;
const arrayOfElementFinders = elements.slice(0, 3); // or Array.from?
const comparableArray = await Promise.all(arrayOfElementFinders.map(async x => [await x.getText(), x]));
comparableArray.sort((a, b) => +(a[0] > b[0]) || -(a[0] < b[0]));
const sortedArray = comparableArray.map(x => x[1]);
console.log('array sorted');

Answer 2

V6 之前不支持 Promise 吗？

我不喜欢将命令式await 与函数式promise 抽象混合。难道你不能这样做吗？

Promise.all([Promise.resolve(10), Promise.resolve(4), Promise.resolve(7)])
       .then(r => r.sort((a,b) => a-b))
       .then(s => console.log(s));

ans splatter .catch() 需要的阶段？