Using object destructuring to make cleaner and better functions

script.js

// https://gomakethings.com/destructuring-function-parameters-with-vanilla-js-for-better-developer-ergonomics/

// use curly brackets inside the function arguments and then set defaults inside 

function greet ({greeting, name, time = 'today'}) {
	return `${greeting} ${name}! How are you ${time}?`;
}

// returns "Hello George! How are you today?"
let message = greet({
	name: 'George',
	greeting: 'Hello'
});

//https://javascript.plainenglish.io/use-this-pattern-to-make-your-javascript-functions-more-extensible-5c93ee47dc33

async function postData({
  url,
  data,
  baseUrl = 'http://api.example.com/',
  headers: {}
}) {
  const response = await fetch(`${baseUrl}${url}`, {
    method: 'POST',
    body: JSON.stringify(data),
    headers
  });

  return response.json();
}

//call the function 

const res = await postData({
  url: '/an-endpoint',
  data: { some: data },
  headers: { authorization: '...' }
});