read : JS에서 프로미스(promise) 사용시 최종적으로는 동기적으로 리턴 받을 수 없다. async await 도 마찬가지. : 기술 #js #프로미스 #promise::공대여자홈

JS에서 프로미스(promise) 사용시 최종적으로는 동기적으로 리턴 받을 수 없다. async await 도 마찬가지.

작성자 공대여자

작성 : 2024-12-23 10:04 조회 : 56
지남 1일간

2024-12-23 - 2024-12-23

좌표
첨부된 파일이 없습니다.

#js #프로미스 #promise

JS의 프로미스는 비동기로만 동작하며,

async await 를 사용한다고 해도, 만들어지는 건 프로미스다.

문법적으로 보이기에 동기적으로 보이겠지만,

async 로 만들어진 함수를 실행하면 프로미스가 리턴된다.

즉, async 로 만들어진 함수를 실행하여 프로미스를 가져와서 처리해야하므로 비동기로 동작하므로 처리된 값을 리턴 받을 수 없다.

---------=-----------

await 는 async 속에서만 동기적으로 보이게 동작한다.

그래서 await 를 사용하면 return 을 받을 수 있지만, 최종적으로 async 로 불려야하기에 최종에 가서는 값을 리턴을 받을 수 없다.

----------=---------

function pro(){ return new Promise((resolve,reject)=>{ 
        console.log('start pro'); 
        resolve('resolve pro');
        console.log('end pro');
        return 'return pro' 
    });
}
async function aaa(){ 
    console.log('start aaa');
    let rp = await pro(); 
    console.log('log from return from pro: ',rp);
    console.log('end aaa');
    return 'return aaa';
}
r = aaa()
console.log('return value aaa(): ',r.toString())
r2 = r.then((v)=>{console.log('log from return from aaa: ',v)})
console.log('return value aaa().then(): ',r2.toString())

start aaa

start pro

end pro

return value aaa(): [object Promise] <---

return value aaa().then(): [object Promise] <---

log from return from pro: resolve pro

end aaa

log from return from aaa: return aaa

---------=---------
'return aaa', 'return pro' 를 받을 방법이 없다.
aaa() 든 aaa().then() 이든 리턴 값을 프로미스다.

-------=----------

예외적으로 소스에서 바로 호출(함수 등에서 부르지 않을 경우)

await 사용이 가능하며, return 받을 수 있다.

----=---------

r = await aaa()
console.log('return value aaa(): ',r.toString())
=>

start aaa

start pro

end pro

log from return from pro: resolve pro

end aaa

return value aaa(): return aaa <-----

------=-------

let r = await pro();
console.log('return from pro:'+r);
=>
start pro
end pro
return from pro:resolve pro  <----

/ /
No Nickname

No Comment
권한이 없습니다.

{{m_row.m_nick}}

내용이 너무 많습니다!

-

No	제목	작성자	날짜	조회
공지	[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js) #기본형	공대여자	24-02-0602-06	18390
공지	유용한 리눅스(LINUX) 명령어 #linux #command	공대여자	11-03-0303-03	28834
공지	[공지] 기술 게시판 #etc #공지	mins01	05-06-2406-24	28917
1675	ui-transform-tool new 1 #ui #transform	공대여자	24-12-3112-31	17
1674	<script type="importmap"> new 1 #js #importmap	공대여자	24-12-2712-27	34
1673	ui-loading 1 #ui #loading	공대여자	24-12-2612-26	17
1672	js multiple export , 다중 export . esm #js #esm #export	공대여자	24-12-2612-26	14
1671	js 라이브러리 만들 때 생각해볼 점. #js #npm #nodejs	공대여자	24-12-2612-26	16
1670	JS에서 프로미스(promise) 사용시 최종적으로는 동기적으로 리턴 받을 수 없다. async await 도 마찬가지. #js #프로미스 #promise	공대여자	24-12-2312-23	57
1669	vscode 에서 코파일럿 테스트 일반 질문 #ai #copilot	공대여자	24-12-2012-20	23
1668	vscode 에서 코파일럿 테스트 #ai #copilot	공대여자	24-12-2012-20	21
1667	showPicker(). input 이나 select의 선택시 픽커 보이게 하는 메소드 1 #showpicker	공대여자	24-12-1712-17	34
1666	HTML Element 상속 후 element 등록하는 방법 #js #element #extends	공대여자	24-12-1712-17	29
1665	canvas의 width와 height 의 setter를 wrap 처리 하는 방법 #getownpropertydescriptor	공대여자	24-12-1612-16	27
1664	pixijs 2D WebGL renderer 1 #2d #webgl	공대여자	24-12-1612-16	29
1663	js 의 setCustomValidity 사용한 비번 체크 #js #form #validation	공대여자	24-12-1612-16	27
1662	JS에서 시간 출력 1 #js #date #format	공대여자	24-12-1612-16	32
1661	검색엔진 인덱스 제어하기 - noindex , nofollow #noindex #seo #nofollow	공대여자	24-12-1112-11	41