Fetch и promise

let response = firstload('action=loadpage');
console.log(response)
 
function firstload(get) {
    return fetch('scripts/request?'+get)
    .then((response) => {
        return response.json().then((data) => {
            return data;
        }).catch((err) => {
            console.log(err);
        })
    });
}

Promise { <state>: "pending" }
​<state>: "fulfilled"
​<value>: Array(8) [ {…}, {…}, {…}, … ]
​<prototype>: Promise.prototype { … }

firstload("action=loadpage")
  .then((data) => {
    console.log(data)
  })
  .catch((error) => {
    console.log(error)
  });
 
async function firstload(get) {
  const response = await fetch("scripts/request?" + get)
  return await response.json()
}

function firstload(get) {
    return fetch('scripts/request?'+get)
        .then(response => responce.json())
        .catch((err) => {
            console.log(err);
        })
}
 
let response = await firstload('action=loadpage');  // в случае ошибки в responce будет undefined
console.log(response);

firstload('action=loadpage').then(responce => console.log(response));

SyntaxError: await is only valid in async functions, async generators and modules

async function firstload(get) {
  ...

async function fetchData() {
    try {
        const response = await firstload('action=loadpage');
        console.log(response);
    } catch (error) {
        console.error(error);
    }
}
 
fetchData();

const firstload = get => fetch(`scripts/request?${get}`).then(r => r.json()).then(d => d);
 
(async x => {
    let result = await firstload(x);
    console.log(result);
})('action=loadpage');