What I want to do is to create an iterator, which is only triggered when an external function is called, say an external event.
function createIteratorWithFunction() {
var thingThatResolves;
var asyncIterable = {
thingThatResolves,
[Symbol.asyncIterator]() {
return {
next() {
return (new Promise((resolve, reject) => asyncIterable.thingThatResolves = (resolve))).then(_ => ({
value: _,
done: false
}));
},
return () {
return {
done: true
}
}
};
}
};
return asyncIterable;
}
iter = createIteratorWithFunction();
(async function() {
for await (let val of iter) {
console.log(val);
}
})()<button onclick="iter.thingThatResolves('execute');iter.thingThatResolves(3)">execute next!</button>As you can see, it only resolves ‘execute’, but not 3, of course because promises can’t be resolved more than once, and it only is updated asynchronously, I understand this, but since the iterator is async, how would I create a queue, so that any values that could’ve synchronously been triggered are called by next(), as well?