이번에는 노드 Async/Await 비동기 프로그래밍구현에 대해 자세히 설명하고, 노드 Async/Await 비동기 프로그래밍 구현 시주의사항은 무엇인지 살펴보겠습니다. .
1. 비동기 프로그래밍에 대한 궁극적인 솔루션
몇일 전 저는 비동기 작업은 JavaScript 프로그래밍에서 골치 아픈 문제입니다. 일부 사람들은 이 문제를 해결하기 위해 다양한 솔루션을 제안해 왔습니다. 최초의콜백 함수부터 Promiseobject, 그리고 Generator 함수까지 매번 개선이 있지만 불완전한 느낌이 듭니다. 이들 모두에는 추가적인 복잡성이 있으며 추상화의 기본 작동 메커니즘에 대한 이해가 필요합니다.
Async 기능이 나온 후 어떤 사람들은 이것이 비동기 프로그래밍의 궁극적인 솔루션이라고 생각했습니다. Async/Await를 사용하면 비동기 프로그래밍인지 걱정할 필요가 없습니다.2. 기본 사용법
async 함수는 Promise 객체를 반환하며, then 메소드를 사용하여 콜백 함수를 추가할 수 있습니다. 함수가 실행될 때 대기가 발생하면 먼저 반환하고 트리거된 비동기 작업이 완료될 때까지 기다린 다음 함수 본문의 후속 명령문을 실행합니다. 다음은 밤나무입니다.var sleep = function (time) { return new Promise(function (resolve, reject) { setTimeout(function () { resolve(); }, time); }) }; var start = async function () { // 在这里使用起来就像同步代码那样直观 console.log('start'); await sleep(3000); console.log('end'); }; start();
3. Notes
1. Wait 명령은 비동기 함수에서만 사용할 수 있습니다.async function dbFuc(db) { let docs = [{}, {}, {}]; // 报错 docs.forEach(function (doc) { await db.post(doc); }); }
var sleep = function (time) { return new Promise(function (resolve, reject) { setTimeout(function () { // 返回 ‘ok' resolve('ok'); }, time); }) }; var start = async function () { let result = await sleep(3000); console.log(result); // 收到 ‘ok' };
async function dbFuc(db) { let docs = [{}, {}, {}]; // 可能得到错误结果 docs.forEach(async function (doc) { await db.post(doc); }); }
async function dbFuc(db) { let docs = [{}, {}, {}]; let promises = docs.map((doc) => db.post(doc)); let results = await Promise.all(promises); console.log(results); }
4. 오류 잡기
.then(..)을 쓸 필요가 없으므로 .catch(..)도 쓸 필요가 없습니다. 표준 try catch 구문을 직접 사용할 수 있습니다. 오류를 잡으려고.var sleep = function (time) { return new Promise(function (resolve, reject) { setTimeout(function () { // 模拟出错了,返回 ‘error' reject('error'); }, time); }) }; var start = async function () { try { console.log('start'); await sleep(3000); // 这里得到了一个返回错误 // 所以以下代码不会被执行了 console.log('end'); } catch (err) { console.log(err); // 这里捕捉到错误 `error` } };
vuex와 구성 요소를 함께 사용하는 단계에 대한 자세한 설명
위 내용은 노드 Async/Await 비동기 프로그래밍 구현에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!