js trigger를 동기적으로 작업하고싶습니다

Question

우선 제 함수의 형태를 보여드리면 이렇습니다. function a(){ console.log(&#34;a 로직진행중1&#34;); console.log(&#34;a 로직진행중2&#34;); console.log(&#34;a 로직진행중3&#34;); b(); console.log(&#34;a 종료&#34;); } function b(){ console.log(&#34;b 로직진행중1&#34;); console.log(&#34;b 로직진행중2&#34;); console.log(&#34;b 로직진행중3&#34;); console.log(&#34;b 종료&#34;); } async function c(){ await(a()); await(b()); } window.addEventListener(&#34;load&#34;, c());이렇게 trigger가 없을때는 다음과같이 정상적인 순서로 작동합니다. 실제 함수에서는 a와 b 함수는 onchange 함수이며 c함수는 다음과 같습니다. async function selectAfterStart(){ let curCategory &#61; document.querySelector(&#34;#field-orderform-fields-cur-category&#34;).value; let curService &#61; document.querySelector(&#34;#field-orderform-fields-cur-service&#34;).value; await $('#orderform-category').val(curCategory).trigger(&#34;change&#34;); await $('#orderform-service').val(curService).trigger(&#34;change&#34;); }이렇게 실행을 할 경우 a 로직 진행중1 b 로직 진행중1 (이런식으로 중간에 끼여듭니다. await가 함수가 완료되는걸 기다리는게 아니라 trigger되자마자 다음줄을 읽는걸로 보입니다) b 로직 진행중2 b 로직 진행중3 b 종료 a 로직 진행중2 . . .이와같은 문제를 겪고있는데 해결책이 있을까요?? ㅜㅜㅜ 이틀째인데 제 능력으로는 도저히 순서대로 진행시킬 수가 없습니다

선플개발자 · Answer

트리거로 호출 하지말고 함수를 직접 부르세요.

Myoungdo Park · Answer

trigger 시 callback 함수를 전달하면, handler 의 완료 시점을 알 수 있겠죠. function a(_, callback) { // 로직 수행/완료 if (callback) callback(); } function c() { $('#a').trigger('change', [() &#61;> { $('#b').trigger('change'); }]); }

js trigger를 동기적으로 작업하고싶습니다

2개의 답변

#trigger 목록