await new 의 내부 구조가 어떻게 되어 있겠나요

Question

new 객체에 await 사용하는 것이 문득 이상하여요.class Test{ constructor(executor){ //source code } }var result &#61; await new Test((resolve,reject)&#61;>{}) 이러면 > Test {} 객체가 반환 되어요.Promise 의 생성자는 Function 이어요. Promise.constructor&#61;&#61;Function > truethen 메서드 함수에 뭔가 트릭이 걸려 있나 보아요.var a&#61;await new class{ constructor(){ console.log(&#34;constructor&#34;) } resolve(value){ console.log(&#34;resolve&#34;,value) } reject(reason){ console.log(&#34;reject&#34;,reason) } then(onFullfilled,onReject){ console.log(&#34;then&#34;,onFullfilled,onReject) setTimeout(()&#61;>{ onFullfilled(12345678) },1000) } catch(){ console.log(&#34;catch&#34;) } finally(){ console.log(&#34;finally&#34;) } }하지만 반환 값은 결국 undefined가 나오는데 무언가 동작을 더 해줘야 하나 봅니다.뭔지 알 것 같으시나요.Promises/A&#43; (promisesaplus.com)이렇다고 하는데 빙 챗봇이 알려 주는 것을 보면 객체를 하나 만들고 같은 객체에 재귀 호출을 사용하여 처리 하는군요.상상 이상으로 무거운 기능이었나 보아요.

-ChatGPT- · Answer

await new 구문은 생성자 함수를 호출하고, 생성된 객체가 Promise-like 객체인 경우 해당 객체가 resolve될 때까지 기다리는 구문입니다.Promise-like 객체란, then 메서드를 가지며, 그 메서드의 첫 번째 인자로 resolve를, 두 번째 인자로 reject를 받는 함수를 등록할 수 있는 객체를 말합니다. 이러한 객체는 Promise 객체와 동일한 동작을 수행할 수 있습니다.따라서 await new 구문을 실행할 때, 해당 객체가 Promise-like 객체인지를 확인하고, Promise-like 객체이면 내부적으로 then 메서드를 호출하고 resolve될 때까지 기다리는 것입니다.그리고 예시 코드에서는 new 연산자를 사용하여 클래스를 인스턴스화한 후, 생성자 함수에 전달된 인자를 사용하여 Promise-like 객체를 반환하는 것을 보여줍니다. 이 객체에 대해서는 then 메서드를 사용하여 비동기적으로 처리되는 콜백 함수를 등록할 수 있으며, 이후 resolve될 때 해당 콜백 함수가 호출됩니다.따라서 반환 값이 undefined인 것은 then 메서드에서 resolve되는 값을 처리하는 로직이 구현되어 있지 않기 때문입니다. 해당 값에 대한 처리 로직을 추가하면 값을 반환할 수 있습니다.-ChatGPT-

await new 의 내부 구조가 어떻게 되어 있겠나요

1개의 답변

Q&A 목록