JavaScript "this" keyword behavior example snippet

this-keyword-example.js

const foo = {
  getArrow: () => this,
  getWeird: function() { return this },
  getFunky() { return this },
}

function factory() {
  return {
    getArrow: () => this,
    getWeird: function() { return this },
    getFunky() { return this },
  }
}

const obj = factory()

console.log({
  arrow: foo.getArrow(),
  weird: foo.getWeird(),
  funky: foo.getFunky(),
})
console.log({
  arrow: obj.getArrow(),
  weird: obj.getWeird(),
  funky: obj.getFunky(),
})