JS: passing properties into functions

we have a bunch of stuff.

const aValue = {
  data: 42,
  happyPlace: "tennoji temple in Kyoto",
};

we want to pass it into our functions to use (ES6). here are three ways to do it. note that method 3 (cFunction) will give you the variable right then and there, without needing you to call the input (props) and assign it to a variable.

const aFunction = props => {
  const { data } = props

  return data // 42
}

const bFunction = props => {
  const data = props.data

  return data // 42
}

const cFunction = ({ data }) => {
  // i only want to access the value at the key 'data' from
  // the input.

  return data // 42
}

and how do you access multiple properties from the object with method 3?

const cFunctionAgain = ({ data, happyPlace }) => {
  console.log(data);
  console.log("my favourite place in the world is " + happyPlace);

  return data; // 42
};

####reference https://hacks.mozilla.org/2015/05/es6-in-depth-destructuring/