비동기/await를 : 기능의 배열 값에 액세스 할 수있는 것은 직접

Question

이 작동 :

var getArray = function(id) { 
 
    return [1, 2]; 
 
} 
 

 
console.log(getArray()[0]); // returns 1

이 작동하지 않습니다 :

var getArray = async function(id) { 
 
    return [1, 2]; 
 
} 
 

 
console.log(await getArray()[0]); // syntax error

을 왜? async/await 구문을 어떻게 변경하여 작동합니까?

Answer 1

다른 async 함수에서 await 키워드를 사용하면 - (await getArray())[0]을 통해 원하는 결과를 얻을 수 있습니다.

async 기능을 다른 async 기능에 사용하지 않는 경우 then을 호출하는 간단한 약속 기능처럼 사용해야합니다.

당신이 await를 사용하려면

var getArray = async function(id) { 
 
    return [1,2]; 
 
} 
 

 
getArray().then(res => console.log(res[0])).catch(err => {/* ... */});

, 당신은이 논리를 할 것입니다 그냥 호출되는 또 다른 래퍼 async 기능이 필요합니다. 또한 당신은

var getArray = async function(id) { 
 
    return [1,2]; 
 
} 
 

 
async function printFirst() { 
 
    try { 
 
    const first = (await getArray())[0]; 
 
    console.log(first); 
 
    } catch(e) { 
 
    
 
    } 
 
} 
 

 
printFirst();