Arrow Function Test

by lukgutowski

HTML

<button onclick="obj1.func();">obj 1</button>
<button onclick="obj2.func();">obj 2</button>

JavaScript

window.status = "window";

// callback: normal function
var obj1 = {
  status: "obj1",
  func: function() {
    // this=window
    setTimeout(function(){alert(this.status);}, 1000);
  }
};

// callback: arrow function
var obj2 = {
  status: "obj2",
  func: function() {
    // this=obj2
    setTimeout(()=>{alert(this.status);}, 3000);
  }
};