forEach는 기다리지 않는다

Posted Feb 16, 2024

By Mingyu An 2 min read

e2e 테스트를 할 때, 각 인풋마다 값을 입력해주는 행동을 하는 함수를 정의했다.

받아온 배열을 forEach를 통해 비동기로 누르도록 했다.

나는 각 배열마다 비동기함수가 순차적으로 진행되는 것을 기대했는데, e2e 결과를 보니 뭔가 순서가 이상했다.

요약

이유: forEach method는 synchronous function만 기대하기 때문이다.

즉, forEach를 사용하면 promise를 기다리지 않는다.

forEach() expects a synchronous function — it does not wait for promises. Make sure you are aware of the implications while using promises (or async functions) as forEach callbacks.

forEach 입장에서는 사실 callback이 뭐가 오든 iterative하게 callback을 실행하기 때문에 promise가 성공/실패 할 때까지 기다리지 않는건 당연한 것이다.

  
if (window.NodeList && !NodeList.prototype.forEach) {  
  NodeList.prototype.forEach = function (callback, thisArg) {  
    thisArg = thisArg || window;  
    for (var i = 0; i < this.length; i++) {  
      callback.call(thisArg, this[i], i, this);  
    }  
  };  
}  