>  기사  >  웹 프론트엔드  >  es6의 wait 및 async 기능은 무엇입니까?

es6의 wait 및 async 기능은 무엇입니까?

WBOY
WBOY원래의
2022-05-06 17:25:002673검색

es6의 wait 및 async 기능은 다음과 같습니다. 1. async는 함수가 비동기적으로 실행됨을 선언하고 Promise 객체를 반환하는 데 사용됩니다. 2. wait는 비동기 메서드가 실행을 완료할 때까지 기다리는 데 사용됩니다. 비동기 함수에 사용되므로 비동기 함수의 반환 값을 기다리는 데 사용됩니다.

es6의 wait 및 async 기능은 무엇입니까?

이 튜토리얼의 운영 환경: Windows 10 시스템, ECMAScript 버전 6.0, Dell G3 컴퓨터.

es6에서 wait 및 async의 기능은 무엇입니까?

async는 함수가 비동기임을 선언하는 데 사용되는 반면, wait는 비동기 메서드가 실행을 완료할 때까지 기다리는 데 사용됩니다.

await는 비동기 함수에만 배치할 수 있습니다.

await 뒤에는 새 Promise를 반환하고 실행하는 함수가 옵니다.

await가 발생하면 다음 코드가 차단되고 async 외부의 동기화 코드가 먼저 실행됩니다.

Promise를 기다리고 있는 경우 Promise가 완료될 때까지 기다린 다음 확인 매개변수를 작업으로 사용하세요. Wait 표현식의 결과입니다.

표현식을 기다리고 있는 경우 비동기 외부에서 동기화 코드를 실행한 후 돌아와서 실행을 계속하세요.

async

async 함수(함수 명령문, 함수 표현식, Lambda 표현식 포함)는 Promise 객체를 반환합니다.

함수에서 직접 변수를 반환하면 async는 Promise.resolve()를 통해 직접 변수를 Promise 객체로 캡슐화합니다.

비동기 함수에 반환 값이 없으면 어떻게 되나요? Promise.resolve(undefound)를 반환한다고 상상하기 쉽습니다.

Promise의 특징 - 기다리지 않으므로 기다리지 않고 비동기 함수를 실행하면 즉시 실행되고 Promise 객체가 반환되며 후속 명령문을 차단하지 않습니다. 이는 Promise 객체를 반환하는 일반 함수와 다르지 않습니다.

await

일반적으로 말하자면, Wait는 비동기 함수가 완료되기를 기다리는 것으로 간주됩니다. 그러나 구문에 따르면 Wait는 표현식을 기다리고 있으며 이 표현식의 평가 결과는 Promise 객체 또는 다른 값입니다(즉, 특별한 제한이 없습니다).

비동기 함수는 Promise 객체를 반환하기 때문에 비동기 함수의 반환 값, 즉 약속의 해결(여기서는 값)을 기다리는 데 사용할 수 있습니다.

await는 Promise 객체를 기다리는 데 사용될 뿐만 아니라 모든 표현식의 결과를 기다릴 수 있습니다. 따라서 실제로 wait 뒤에는 일반 함수 호출이나 직접 수량이 올 수 있습니다.

대기 중인 항목이 Promise 개체가 아닌 경우 대기 식의 결과는 대기 중인 항목입니다.

await를 사용하는 이유

비동기 코드를 동기 코드처럼 만들기 위해

Promise가 여러 개 있고, 모든 Promise가 끝난 후 결과를 얻는 방법

Promise.all()도 Promise를 반환하므로, 여러 Promise의 값을 얻기 위해 Wait를 사용하려는 경우 Promise.all()

을 직접 기다릴 수 있습니다. [관련 권장 사항: javascript 비디오 튜토리얼, web front-end]

위 내용은 es6의 wait 및 async 기능은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.