Life style/TIL

[TIL] async / await

jaewpark 2022. 2. 28. 22:27

서버에서 데이터를 가져오는 경우에 쓰는 걸로 접하였고,

정확히 알고 넘어가고자 공부를 하였다. 어디서? 여기

 

비동기 async 함수

function()  앞에 async 키워드를 추가하여 사용하며, await 키워드가 비동기 코드를 호출할 수 있게 해주는 함수

async function hello() { return "Hello World" };

let hello = async function() { return "Hello World" };

let hello = async () => { return "Hello World" };

 

실제로는 fulfil Poromise가 반환되기에 반환 값을 사용하기 위해서는 .then() 을 사용 해야 한다.

 

await :  can be put in front of any async promise-based function to pause your code on that line until the promise fulfills, then return the resulting value.
the JavaScript runtime to pause your code on this line, not allowing further code to execute in the meantime until the async function call has returned its result — very useful if subsequent code relies on that result!

 

try...catch 구조를 통한 코드

catch() 를 통해서 에러 발생 시, console로 코드를 보낼 수 있다.

순차적으로 작업을 하는 자바스크립트(싱글 스레드 언어)의 단점인 것을 보완 하고자 비동기적 프로그래밍을 하는 것이며, 더 유동적이고 효율적으로 많은 일을 하기 위함이다.