Show a defined property

foo.js

var foo = {};
Object.defineProperty(a, "bar",{
  get: getFoo,
  set: setFoo
});

export default foo;

function getFoo(){
  //do shiz
}

function setFoo(val){ 
  //do shiz
}

main.js

import foo from "foo";

console.log(foo.bar); //calls the get defined property
foo.bar = 1;          //calls the set defined property
console.log(foo.bar); //calls the get defined property


//WHY DO I LIKE THE ABOVE MORE THAN THE FOLLOWING
console.log(foo.bar())  //or foo.getBar()
foo.bar(1)              //or foo.setBar(1) 
console.log(foo.bar())  //or foo.getBar()