Fetch Async Await

fetch-async-await.js

/* Async approach global namespace */
async function getData() {
    return await fetch("https://jsonplaceholder.typicode.com/posts/1").then(response => response.json());
}

let data = {};
getData().then(d => data = d);


/* Class approach */
class Post {
    constructor() { 
        this.data = {}
    }   

    async getDataAsync() {
        return await fetch("https://jsonplaceholder.typicode.com/posts/1").then(response => response.json());
    }   

    getData() {
        this.getDataAsync().then(d => this.data = d)
    }   
}

var post = new Post()
post.data; // {}
post.getData();
post.data; // "{"userId":1,"id":1,"title":"sunt aut facere repellat provident occaecati excepturi optio reprehenderit","body":"quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto"}"