js async를 적용해도 모두 한번에 처리됩니다

Question

안녕하세요.js에서 시간이 오래걸리는 function이 있는데 그것을 async로 처리해도async가 완료된 후 한번에 처리됩니다$(document).ready(function() { console.log('start') asyncFun().then(console.log); // 시간 엄청 오래 걸림 console.log('end)' });console.log 출력값 순서는start → end → asyncFun으로 정상인데제 생각에는 start → end가 빠르게 출력되고, asyncFun이 늦게 출력되야 할텐데start → end → asyncFun이 한번에 늦게 출력됩니다애초에 docuemt ready에서는 안 먹히는 것인지...어떻게 해결해야 될까요?

뉴비는늅늅 · Accepted Answer

ready 안에 async function 하나 만드시고 그 안에서 await처리하는게 맞을걸로 생각됩니다.

scissors hand · Answer

다음처럼 해보세요.$(document).ready(function() { console.log('start'); setTimeout(() => { asyncFun().then(console.log); }, 0); console.log('end)'); });

풍월상신(가니메디안) · Answer

$(document).ready( async () => { console.log('start'); await asyncFunc(); console.log('end'); )};이런 형식이 맞을 것 같습니다. jQuery 콜백에 async 가 되는지는 잘 모르겠네요. jQuery 사용해본지 10년이 넘어서 맞을지 모르겠습니다.

초무쿤 · Answer

말씀하신게 맞는듯 한데.asyncFunc() <<&#61;&#61; 요놈이 오래 걸리는게 맞나요? 왠지 아닐듯..ㅎ

js async를 적용해도 모두 한번에 처리됩니다

4개의 답변

#await 목록