비동기2 [JavaScript] 비동기와 콜백 함수 비동기 처리란? javascript의 비동기 처리란 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성입니다. 비동기 처리의 예시 (1) setTimeout() setTimeout()은 Web API의 한 종류로 코드를 바로 실행하지 않고 지정한 시간만큼 기다렸다가 로직을 실행합니다. // #1 console.log('Hello'); // #2 setTimeout(function() { console.log('Bye'); }, 3000); // #3 console.log('Hello Again'); /* 실행결과 */ Hello Hello Again Bye setTimeout()은 비동기 방식으로 실행되기 때문에 3초를 기다렸다가 다음 코드를 수행하는.. 2023. 8. 1. [JavaScript] async & await async & await 함수란? 비동기 처리 방식인 콜백 함수와 Promise의 단점을 보완하는 함수 async function 함수명() { await 비동기_처리_메서드_명(); } async는 function 앞에 위치합니다. 함수의 내부 로직 중 HTTP 통신을 하는 비동기 처리 코드 앞에 await를 붙입니다. async async function f() { return 1; } f().then(alert); // 1 function 앞에 async를 붙이면 해당 함수는 항상 Promise를 반환합니다. Promise가 아닌 값을 반환하더라도 이행 상태(resovled)의 Promise 로 값을 감싸 반환합니다. 명시적으로 Promise를 반환하는것도 동일합니다. async function f.. 2023. 8. 1. 이전 1 다음