자바스크립트 비동기화 관련 질문입니다.

Question

구글에서 검색하면 비동기화 관련하여 여러 방법을 찾아보았지만, 제가 구현하고자 하는 것과 같은 방법은 찾지 못하였습니다.하고자 하는것은 클래스 내의 비동기화 입니다.밑의 코드를 보면, 알수 있듯이, test라는 클래스내의 메소드를 동기화 하고자 합니다만,(밑의 코드는 정상적으로 작동하는 코드입니다.)코드에서 제일 하단에 있는 [new test().init();] 메소드 실행하는 곳이 클래스 밖이라는 것입니다.class test { async wait(num) { return new Promise((resolve, reject) &#61;> { setTimeout(() &#61;> { console.log(num); if (num &#61;&#61;&#61; 2) { reject(num); } else { resolve(num); } }, 100); }); } async init() { let num &#61; 0; try { num &#61; await this.wait(num); num&#43;&#43;; num &#61; await this.wait(num); num&#43;&#43;; } catch (e) { throw new Error(e); } return num; } } new test().init();하고자 하는것은 밑에 코드처럼 클래스 내에서 실행하고자 합니다. 많은 검색을 해보았지만, 해결방법을 찾지 못했습니다. class test { async wait(num) { return new Promise((resolve, reject) &#61;> { ..... }); } async init() { ..... } init() } 해결 방법을 알려주시면, 감사하겠습니다.

일곱글자가좋아 · Answer

제 생각에는 클래스 내에서 생성자를 쓰면 될 것 같은데, 혹시 안쓰는 이유가 있나요? constructor() { this.init();}

품바 · Answer

답변 감사드립니다.실제적으로는 클래스 내의 여러 메소드가 존재하고, 각 메소드의 처리 순서를 따지자면, 이 동기화 메소드가 중간정도에서 실행되어집니다.하지만, constructor()는 클래스 내의 맨처음으로 실행되어지는 부분이라서, 여기에 동기화 메소드를 정의하기에는 어려운 상황입니다.그러하기때문에, 방법을 찾기가 쉽지가 않네요. 다른 방법이 없을까요?

일곱글자가좋아 · Answer

각 메서드의 처리 순서를 constructor() 에서 호출하는 this.init() 안에서 정의할 수 없는 환경인가요?class Test { constructor() { this.init(); } // 다른 메서드. method1() {}; method2() {}; // 비동기 작업. async wait(num) { return new Promise((resolve, reject) &#61;> { setTimeout(() &#61;> { console.log(num); if (num &#61;&#61;&#61; 2) { reject(num); } else { resolve(num); } }, 100); }); } async twoWait() { let num &#61; 0; try { num &#61; await this.wait(num); num&#43;&#43;; num &#61; await this.wait(num); num&#43;&#43;; } catch (e) { throw new Error(e); } return num; } async init() { // 여기서 호출 순서 정의. this.method1(); console.log('결과1 : ', await this.twoWait()); this.method2(); console.log('결과2 : ', await this.twoWait()); } } new Test(); 각 메서드의 호출 순서를 결정하는 요인이 외부에 있다면 외부로 뺄 수 밖에 없을 것 같네요.다른 방법은 모르겠습니다.

자바스크립트 비동기화 관련 질문입니다.

3개의 답변

#angularjs 목록