I have an async function that I want to call that waits on user action and resolves after some processing:
async function waitOnUserInput() {}
I want to wait on user input do some processing and repeat, so;
I want to implement this recursively like this:
async function actionUserStep() {
await waitOnUserInput();
actionUserStep();
}
Would this lead to a memory leak or a stack overflow of some sort? Or is this a bad way to model this kind of interaction?
No there will not be a stack overflow.
This is because the function returns once it processes the await expression.
The part after await is executed from the event loop, without any additional call stack, and when from there it makes the "recursive" call, it returns before making a deeper recursive call (because of the await). And so the call stack is empty again until the awaited promise resolves and things repeat as above...
Alternatively, you can also do this:
async function actionUserStep() {
while (true) await waitOnUserInput();
}
No, there will be no stack overflow, because async functions are handled using the JS event loop.
However, you will need to call the recursive function with await internally.
