프런트엔드 경험 요약

1607 단어 js 공부es6

문제집


async 함수와Generator 함수의 차이는 다음과 같은 네 가지에 나타난다.


async 함수


함수 이름을 직접 써서 실행하시면 됩니다.


async 함수는 무엇입니까?한마디로 Generator 함수의 문법 설탕이다

Generator  
const fs = require('fs');
	const readFile = function (fileName) {
	  return new Promise(function (resolve, reject) {
	    fs.readFile(fileName, function(error, data) {
	      if (error) return reject(error);
	      resolve(data);
	    });
	  });
	};

const gen = function* () {
  const f1 = yield readFile('/etc/fstab');
  const f2 = yield readFile('/etc/shells');
  console.log(f1.toString());
  console.log(f2.toString());
};
var g = gen();
g.next()
g.next()

필요해.next () 실행


async 함수 필요 없음

const asyncReadFile = async function () {
  const f1 = await readFile('/etc/fstab');
  const f2 = await readFile('/etc/shells');
  console.log(f1.toString());
  console.log(f2.toString());
};
asyncReadFile ()

(2) 더 좋은 의미.


async와await는 별표와yield보다 의미가 더 명확합니다.async는 함수에 비동기적인 조작이 있음을 나타내고await는 뒤에 바짝 붙어 있는 표현식이 결과를 기다려야 한다는 것을 나타낸다.

(3) 더욱 광범위한 적용성.


co 모듈은 yield 명령 뒤에는 Thunk 함수나 Promise 대상만 있을 수 있고, async 함수의await 명령 뒤에는 Promise 대상과 원시 형식의 값(수치, 문자열, 부울 값만 있을 수 있지만, 이때는 즉시resolved의 Promise 대상으로 자동으로 바뀐다고 약정합니다.

(4) 반환 값은 Promise입니다.


async 함수의 반환값은 Promise 대상입니다. 이것은Generator 함수의 반환값이Iterator 대상보다 훨씬 편리합니다.다음 동작을 then 방법으로 지정할 수 있습니다.
더 나아가 async 함수는 여러 개의 비동기 조작으로 포장된 Promise 대상으로 볼 수 있고await 명령은 내부 then 명령의 문법 설탕이다.

좋은 웹페이지 즐겨찾기