Javascript closures and variables

Question

Can any one tell me why when i get the variable myBrand directy I end up with the default value? I was just playing with closures and tryed to do something different with the return, basically not puting it in, which gives me the default value that was at the begining

const car = ()=>{ let myBrand = 'generic' //default value function printbrand(){console.log(myBrand)} return{ setBrand: (newBrand)=>{myBrand = newBrand}, getBrand: ()=>{return myBrand}, getBrandSimple: myBrand, usePrinter: ()=> {return printbrand()}, } } var myCar = car() myCar.setBrand('tesla') console.log(`Brand with direct = ${myCar.getBrandSimple}`) //Output // Brand with direct = generic console.log(`Brand with function = ${myCar.getBrand()}`); //Output // Brand with function = tesla console.log(`Brand with printer = `); myCar.usePrinter() //Output // Brand with printer = // tesla console.log(`Brand with direct = ${myCar.getBrandSimple}`) //Output // Brand with direct = generic 

Answer 1

getBrandSimple contains a copy of the value of myBrandat the time the object is created.

It doesn't contain a reference to the variable so when you change the value of the variable, you don't change the value of getBrandSimple.