how-this-differs-in-arrow-functions

how-this-differs-in-arrow-functions.js

this.myVar = "outer";

var obj = {
  myVar: "inner",
  myFunc1: function() {
    console.log(this.myVar);
  },
  myFunc2: () => {
    console.log(this.myVar);
  },
  myFunc3: function() {
    setTimeout(function() {
      console.log(this.myVar);
    }, 1000);
  },
  myFunc4: function() {
    setTimeout(() => {
      console.log(this.myVar);
    }, 1000);
  }
};

obj.myFunc1(); //inner
obj.myFunc2(); //outer
obj.myFunc3(); //outer
obj.myFunc4(); //inner