나는 내가 찾고있는 것을 얻을 수 있었다. 첫 번째 단계는 async function
을 만든 다음 모든 코드를 해당 함수 내에서 동기식으로 실행해야하는 모든 코드를 넣는 것입니다. 이와
<html>
<body>
</body>
</html>
<script>
var fileList = [
'test_1.txt',
'test_2.txt',
'test_3.txt',
'test_4.txt',
'test_5.txt'
];
async function loadFiles()
{
for (i = 0; i < fileList.length; i++)
{
await fetch(fileList[i]).then(function(response){
return response.text();
}).then(function (text){
console.log(text);
});
console.log("loaded " + fileList[i]);
}
}
loadFiles();
</script>
, 모든 파일이 다른 후 하나를로드됩니다 : 다음은 그위한 코드입니다. 이전에는 비동기 적으로 완료된 순차적 작업을 자바 스크립트에서 관리하기가 쉽기 때문에 요즘에는 이렇게하는 것이 꽤 놀랍습니다.
'await'은 코드를 동기로 만들지 않습니다. 그것은 당신이 * 보이는 동기 * (따라서 따라하기 쉬운) 코드를 작성할 수 있습니다. 파일을 순차적으로 가져오고 싶다면 순차적으로 불러 오기를'대기 '합니다 :'var a = await fetchFile (...); var b = fetchFile (...);을 기다립니다. ... '. –
필요한 것은 [Fetch API] (https://developer.mozilla.org/en/docs/Web/API/Fetch_API)뿐입니다. – Ryan