[TIL]데브코스 프론트엔드 0820
📚TIL
day9
async/await
- javascript에서 비동기 상황을 보다 동기적인 코드로 다루기 위한 방법으로 보다 쉽게 비동기 상황 제어 가능
- Promise를 return하는 함수를 보다 동기적으로 작송할 수 있도록 하는 문법
- async 함수를 선ㄴ언하면 어떤 값을 return하든 Promise를 return
- async/await 기본적인 사용법
function delay(a){
return new Promise(resolve => setTimeout(() => resolve(a), 500))
} //Promise를 리턴하는 함수
async function f1(){
const a = await delay(10)
const b = delay(10)
//delay함수에서 반환한 Promise를 await를 통해 내부의 값을 꺼내서 할당
//결과가 끝날 때 까지 함수가 멈춤
console.log(a) //10
console.log(b) //Promise
}
f1()
async function delayIdentity(a){
await delay(100)
return a
}
async function f2(){
const a = await delayIdentity(10)
const b = await delayIdentity(5)
console.log(a + b) //15
return a + b
}
console.log(f2()) //Promise 출력
f2().then(console.log) //15
🌊하루를 마치며
function delay(a){
return new Promise(resolve => setTimeout(() => resolve(a), 500))
} //Promise를 리턴하는 함수
async function f1(){
const a = await delay(10)
const b = delay(10)
//delay함수에서 반환한 Promise를 await를 통해 내부의 값을 꺼내서 할당
//결과가 끝날 때 까지 함수가 멈춤
console.log(a) //10
console.log(b) //Promise
}
f1()
async function delayIdentity(a){
await delay(100)
return a
}
async function f2(){
const a = await delayIdentity(10)
const b = await delayIdentity(5)
console.log(a + b) //15
return a + b
}
console.log(f2()) //Promise 출력
f2().then(console.log) //15
드디어 길고 긴 9일차 강의가 끝났다. 함수형 프로그래밍 강의를 다 들었지만 완전한 이해를 하지는 못했다. 그래도 포기하지 않고 강의를 다 듣고 이해가 어려운 부분들은 계속해서 반복해서 들으면서 이해하려고 노력했다. 오늘 배운 부분은 그래도 이해가 잘 됐다! Promise를 쓰면서 내부의 값을 가져오는 것을 어려웠는데 away/async를 통해서 값을 쉽게 가져올 수 있다는 것을 배웠다.
오늘은 코어타임이 단축되면서 사실 공부를 많이 못했다 ㅎㅎ,, 금요일이라 마음이 많이 들뜬 것도 한 몫 했다. 공부를 많이 못해서 아쉽지만 주말에 더 열심히 해서 보충해야겠다!😤
Author And Source
이 문제에 관하여([TIL]데브코스 프론트엔드 0820), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@hyo_o/TIL데브코스-프론트엔드-0818저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)