Example of JS promises, fetch, and asnyc/await

js-promises-async-await-fetch.js

//Fetch with Promises and explicit functions

	fetch('https://jsonplaceholder.typicode.com/posts/1')
	.then(function (res) { return res.json()})
	.then(function (data) {
	
		//Make use of the data variable here
    	console.log(data)
	  })
	  
//Fetch with Promises and arrow functions

fetch('https://jsonplaceholder.typicode.com/posts/2')
.then((res) => res.json())
.then((data) =>  {

	//Make use of the data variable here
	console.log(data)
  })	  


//Fetch with Async/ Await  
async function fetchData() {
	let res = await fetch('https://jsonplaceholder.typicode.com/posts/3')
	let ret = await res.json()
	    
	return ret;
}

//Note that async functions return a Promise so we MUST use .then()
//to access the data

fetchData().then((data) => { 
	//Make use of the data variable here
	console.log(data)
})

//---------
/*NOTE: The following code will not work as expected:*/
let info = fetchData()
console.log(info)

/*This is because async functions ALWAYS return a Promise. 
  When we console.log(info) we get a Promise as the output.
*/