U E D R , A S I H C RSS

데블스캠프2018/Async Await


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를 이용한 함수정의가 빈번하다.
Valid XHTML 1.0! Valid CSS! powered by MoniWiki
last modified 2021-02-07 05:29:19
Processing time 0.0140 sec