[TIL]데브코스 프론트엔드 0820

hyojeong·2021년 8월 20일
0

데브코스

목록 보기
13/50
post-thumbnail

📚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

🌊하루를 마치며

드디어 길고 긴 9일차 강의가 끝났다. 함수형 프로그래밍 강의를 다 들었지만 완전한 이해를 하지는 못했다. 그래도 포기하지 않고 강의를 다 듣고 이해가 어려운 부분들은 계속해서 반복해서 들으면서 이해하려고 노력했다. 오늘 배운 부분은 그래도 이해가 잘 됐다! Promise를 쓰면서 내부의 값을 가져오는 것을 어려웠는데 away/async를 통해서 값을 쉽게 가져올 수 있다는 것을 배웠다.

오늘은 코어타임이 단축되면서 사실 공부를 많이 못했다 ㅎㅎ,, 금요일이라 마음이 많이 들뜬 것도 한 몫 했다. 공부를 많이 못해서 아쉽지만 주말에 더 열심히 해서 보충해야겠다!😤

profile
Front-end Develop🥰

0개의 댓글