Fetch API async functionで生成した戻り値を受け取りたいがエラーになる

Question

実現したいこと

async functionで生成した戻り値を受け取りたいです。よろしくお願いします。
配列dataの値を受け取ろうと、
let datas =await testData();として戻り値dataを受け取ろうとすると、エラーになってしまいます。

発生している問題・エラーメッセージ

Uncaught SyntaxError: await is only valid in async functions and the top level bodies of modules (at test.js:13:12)

該当のソースコード

let data = [];
let nameValue = ""
async function testData() {
    const res = await fetch("https://script.google.com/macros/s/AKfycbwHgr1r_IMMX5i-icdtoQxj6uhmzkSey-IjZAOcpRTjFu48L4sDrpydm7DNumZdQqq8/exec");
    const data = await res.json();
    nameValue = data[0][1];
    for (i = 1; i <data.length; i++){
        data.push(data[i][i+1]);
    }
    return data;
}
let datas =await testData();
console.log(list);
console.log(datas);

試したこと

https://www.tohoho-web.com/ex/es2022.html
こちらのサイトなど読みましたが分かりません。

補足情報（FW/ツールのバージョンなど）

vｓcode

Answer 1

エラーメッセージの通りで、await を使いたかったら async 関数の中か JavaScript モジュールにする必要があります。
前者の例:

(async function() {
  let datas = await testData();
  console.log(list);
  console.log(datas);
})();

Comments

[tatti2345]

回答ありがとうございます。
ベストアンサーは別の方を選ばせていただきましたが、こちらの回答も非常に参考になりました。

Answer 2

ルートでawaitを利用するにはmoduleを採用する手はあります

<script type="module">
async function testData() {
  const res = await fetch("https://script.google.com/macros/s/AKfycbwHgr1r_IMMX5i-icdtoQxj6uhmzkSey-IjZAOcpRTjFu48L4sDrpydm7DNumZdQqq8/exec").then(res=>res.json());
  const data=res.reduce((x,y)=>(x.push(Object.values(y)[0]),x),[]);
  return data;
}
const datas = await testData();
console.log(datas);
</script>

そうでないなら真面目にasyncにいれてあげてください

<script>
(async()=>{
let data = [];
let nameValue = ""
async function testData() {
  const res = await fetch("https://script.google.com/macros/s/AKfycbwHgr1r_IMMX5i-icdtoQxj6uhmzkSey-IjZAOcpRTjFu48L4sDrpydm7DNumZdQqq8/exec").then(res=>res.json());
  const data=res.reduce((x,y)=>(x.push(Object.values(y)[0]),x),[]);
  return data;
}
const datas = await testData();
console.log(datas);
})();
</script>

ちなみに呼び出すfunctionにasnyc指定をせずにもpromiseをしてもよいです

(async()=>{
  const testData=()=>new Promise(async resolve=>{
    const res = await fetch("https://script.google.com/macros/s/AKfycbwHgr1r_IMMX5i-icdtoQxj6uhmzkSey-IjZAOcpRTjFu48L4sDrpydm7DNumZdQqq8/exec").then(res=>res.json());
    const data=res.reduce((x,y)=>(x.push(Object.values(y)[0]),x),[]);
    resolve(data);
  });
  const datas = await testData();
  console.log(datas);
})();

Comments

[tatti2345]

回答ありがとうございます。
こちらの回答が非常に参考になりました。