비동기/대기 단기집중과정

🔥 여기에서 async/await(매우 기본) 배우기 👇

#JavaScript에서 async/await를 배울 때,

당신은 빨리 다음과 같은 단어에 빠지다

동기 및 비동기 코드

이벤트 루프

약속

이런 것들은 한 번에 이해하기 쉽지 않습니다.

복잡한 이론 게이트키프 초보자.

그래서 우리는 실용적인 것들에 대해서만 배울 것입니다.


먼저 "약속"에 대해 알아보겠습니다.

아래 스니펫에서 우리가 의도하는 것은
출력Done First그런 다음 Done Last를 출력합니다.

그러나 아래 스니펫은 "Done Last"를 먼저 출력합니다.

이제 JavaScript가 작동합니다. 기본적으로 기다리지 않습니다.



JavaScript를 잠시 기다리게 하려면

출력Done First
그런 다음 인쇄Done Last ...

우리는 Promise 생성자를 사용합니다.

함수를 유일한 인수로 받아들입니다.

이 함수는 매개변수를 거의 받지 않습니다. 그 중 2개는 resolve 및 reject입니다.


resolve 인수를 허용합니다.

이러한 인수는 나중에 .then() 함수의 매개 변수가 됩니다.

따라서 .then() 함수는 약속이 해결된 후에만 실행됩니다.

글쎄, "setTimeout 후 console.log"에 대해서만 약속을 만들지 마십시오.

이것은 단지 설명을 위한 것이었습니다. 🙂

이제 여기 async/await 부분이 있습니다.

promise.then(() => console.log('Done Last.'))

다음과 같이 쓸 수도 있습니다.

 await promise
 console.log('Done Last.')

아래 스 니펫과 같습니다. 그냥 작동합니다!

아래 스니펫에서 async 부분이 무엇인지 궁금하십니까?




await 키워드는 비동기 함수 내에서만 작동합니다.

비동기 함수는 함수가 Promise를 반환하고 값을 즉시 확인하지 않을 것이라고 미리 컴파일러에 알립니다.




이것이 async/await가 무엇이고 무엇을 하는지에 대한 기본 아이디어를 제공하기를 바랍니다.

여기에 대한 두 가지 좋은 자료가 있습니다 🔥

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise

https://medium.com/javascript-scene/master-the-javascript-interview-what-is-a-promise-27fc71e77261

실수를 발견하면 모두에게 알려주세요 🙌

나에 대해서

저는 매일 새로운 것을 계속 배우는 인도의 16세 JavaScript React 개발자 Kumar Abhirup입니다.

My personal website and portfolio 🖥️

이 게시물을 개선하기 위한 더 나은 방법과 제안 아래에 댓글을 달아주세요. :)