es6 학습 노트 의 Async 함수 사용 예시
비동기 작업 은 자바 스 크 립 트 프로 그래 밍 의 번 거 로 운 일이 다.누군가가 여러 가지 방안 을 제시 하여 이 문 제 를 해결 하려 고 할 때 까지 번 거 로 웠 다.
최초의 리 턴 함수 부터 Promise 대상,Generator 함수 까지 매번 개선 되 었 으 나 철저 하지 못 하 다 고 느 꼈 다.그들 은 모두 추가 적 인 복잡성 을 가지 고 추상 적 인 바 텀 운영 체 제 를 이해 해 야 한다.
비동기 I/O 는 파일 을 읽 는 것 이 아 닙 니까?왜 이렇게 복잡 하 게 합 니까?비동기 프로 그래 밍 의 최고 경 지 는 비동기 인지 아 닌 지 전혀 신경 쓰 지 않 아 도 된다 는 것 이다.
async 함 수 는 터널 끝의 빛 으로 많은 사람들 이 비동기 작업 의 최종 해결 방안 이 라 고 생각 합 니 다.다음은 async 함수 에 관 한 밤 두 개 를 살 펴 보 겠 습 니 다.
밤 1:콩짜개 API 에서 데이터 가 져 오기
var fetchDoubanApi = function() {
return new Promise((resolve, reject) => {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status >= 200 && xhr.status < 300) {
var response;
try {
response = JSON.parse(xhr.responseText);
} catch (e) {
reject(e);
}
if (response) {
resolve(response, xhr.status, xhr);
}
} else {
reject(xhr);
}
}
};
xhr.open('GET', 'https://api.douban.com/v2/user/aisk', true);
xhr.setRequestHeader("Content-Type", "text/plain");
xhr.send(data);
});
};
(async function() {
try {
let result = await fetchDoubanApi();
console.log(result);
} catch (e) {
console.log(e);
}
})();
밤 2:영화 파일 이름 에 따라 해당 포스터 자동 다운로드
import fs from 'fs';
import path from 'path';
import request from 'request';
var movieDir = __dirname + '/movies',
exts = ['.mkv', '.avi', '.mp4', '.rm', '.rmvb', '.wmv'];
//
var readFiles = function () {
return new Promise(function (resolve, reject) {
fs.readdir(movieDir, function (err, files) {
resolve(files.filter((v) => exts.includes(path.parse(v).ext)));
});
});
};
//
var getPoster = function (movieName) {
let url = `https://api.douban.com/v2/movie/search?q=${encodeURI(movieName)}`;
return new Promise(function (resolve, reject) {
request({url: url, json: true}, function (error, response, body) {
if (error) return reject(error);
resolve(body.subjects[0].images.large);
})
});
};
//
var savePoster = function (movieName, url) {
request.get(url).pipe(fs.createWriteStream(path.join(movieDir, movieName + '.jpg')));
};
(async () => {
let files = await readFiles();
// await
for (var file of files) {
let name = path.parse(file).name;
console.log(` 【${name}】 `);
savePoster(name, await getPoster(name));
}
console.log('=== ===');
})();
총결산이상 은 이 글 의 전체 내용 입 니 다.본 논문 의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 댓 글 을 남 겨 주 셔 서 저희 에 대한 지지 에 감 사 드 립 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
JavaScript로 카드 놀이를 넘기는 애니메이션을 만들려고했습니다.카드를 넘기는 애니메이션을 만들어 보았습니다. 폴더 구성은 다음과 같습니다. 코드는 다음과 같습니다. card_turning.html 다음은 JavaScript 코드입니다. cardTurning.js 결과는, 이런 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.