>  기사  >  웹 프론트엔드  >  es6에서 wait의 사용법은 무엇입니까?

es6에서 wait의 사용법은 무엇입니까?

WBOY
WBOY원래의
2022-03-31 11:37:242326검색

es6에서는 promise의 비동기 요청을 기다리는 데 사용됩니다. 비동기 작업이 완료된 후 async 함수의 실행이 재개됩니다. 이 키워드는 "async function"에서만 사용할 수 있으며 구문은 다음과 같습니다. "비동기 함수(){await=promise 비동기 요청 반환}".

es6에서 wait의 사용법은 무엇입니까?

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

es6에서 Wait의 사용법은 무엇입니까?

구문은 다음과 같습니다.

async function(){await=返回promise的异步请求}

await는 표현식을 형성하는 데 사용되는 연산자입니다. wait 표현식의 결과는 기다리고 있는 내용에 따라 다릅니다. Promise 객체를 기다리고 있는 경우 Promise 객체가 해결될 때까지 기다린 다음 wait 표현식의 결과로 해결 값을 가져옵니다. 동기화 함수 호출은 차단을 유발하지 않습니다. 내부의 모든 차단은 Promise 개체에 캡슐화되어 비동기식으로 실행됩니다.

비동기 함수에 대기 표현식이 있을 수 있습니다. 비동기 함수가 실행될 때 대기가 발생하면 먼저 실행이 일시 중지되고, 트리거된 비동기 작업이 완료된 후 비동기 함수의 실행이 재개됩니다. 구문 분석된 값이 반환됩니다.

await 키워드는 비동기 함수에서만 유효합니다. 비동기 함수 외부에서 Wait를 사용하면 구문 오류가 발생합니다.

반환값

Promise 객체의 처리 결과를 반환합니다. 기다리고 있는 값이 Promise 객체가 아닌 경우 값 자체가 반환됩니다.

Promise가 Wait 연산자로 전달되면 Wait는 Promise가 정상적으로 처리될 때까지 기다렸다가 처리 결과를 반환합니다.

예는 다음과 같습니다:

function testAwait (x) {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve(x);
    }, 2000);
  });
}
 
async function helloAsync() {
  var x = await testAwait ("hello world");
  console.log(x); 
}
helloAsync ();
// hello world

일반적으로 wait 명령 뒤에는 Promise 개체가 오고, 그 뒤에는 문자열, 부울 값, 숫자 값 및 일반 함수와 같은 다른 값이 올 수도 있습니다.

es6에서 wait의 사용법은 무엇입니까?

【관련 추천: javascript 비디오 튜토리얼, web front-end

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

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