非同期/の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を呼び出す簡単なPromise関数のように使用する必要があります。

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

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

あなたがawaitを使用したい場合は、そこにロジックを行いますと、ちょうどと呼ばれる別のラッパーasync機能を必要としています。また、あなたが

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

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

 
printFirst();