데블스캠프2018/Async Await

Difference between r1.1 and the current

@@ -53,7 +53,7 @@

* 생각보다 복잡한 문법

===var, let, const===

=== var,let,const ===

* var
* JS에서의 변수 블록 스코프가 아니다. 함수 스코프다

Async Await ¶

동기 vs 비동기
- 동기 : 순차적으로 일을 하는 것.(라인 by 라인)
- 비동기: 위임하고 넘어감(ex C에서의 call back) 쓰레드를 만들 수 없는 js에서 많이 쓴다.
동기적 방식
- 1-data-3 순서대로 실행된다.
비동기적 방식
- 1-4-data-3 이된다.
- 파일을 읽는 동안 밑에 라인을 먼저 실행한다.
- JS는 인터프리터 형식이지만 main 흐름 외의 다른 흐름을 두어 멀티 스레딩 흉내를낸다.
JS 는 비동기를 선호
- JS의 인터프리터는 단일 스레드이기 때문에 비동기를 사용한다.
JS는 보기 어렵다. 인덴트가 너무 많이 들어간다. -> 가독성이 떨어진다. -> 콜백 지옥
Express.js. 의 창시자
- JS를 버렸다
- 콜백 거지같다.
- "callbacks suck"
Promise의 등장
- 약속을 통해서 비동기를 처리하는 법
- 콜백보다 훨씬 보기 좋다.
- 문법을 익히는 데에는 cost가 필요하나 배우고나면 좋다.
- 문제가 있다 ->예외처리
- then이 몇개든 catch하나로 들어오기 떄문에 어디서 터졌는지 모른다.
- 예외가 터졌을 때 중간 처리를 하기 힘들다.
Async/awiat 101
- 비동기를 작성하는 새로운 방법
- promise 위에 만들어졌다.
- 비동기 코드를 동기 코드와 유사하게 보이도록 만들어준다!
문법
- 함수 앞에 async 를 붙인다
- await는 async 안에서만 사용가능하다.(여러개 가능)
- async는 promise를 반환한다.
- return은 resolve다
장점
- 간결하다. 가독성이 좋다.
- promise에서는 전역 변수를 이용하여 해결하지만, 추가 변수 data 선언 필요 없다.
- then 필요 없다.
- 에러 처리가 편하다.
- 분기, 중간값 사용
단점
- 최근에 정의되어 지원 안하는 곳이 많다.
- 생각보다 복잡한 문법

var,let,const ¶

var
- JS에서의 변수 블록 스코프가 아니다. 함수 스코프다
let, const
- 블록 스코프다.
let vs const
- let은 mutable, const 는 immutable
- const를 이용한 함수정의가 빈번하다.