Fixing this in ES5

arrow-function-ES5_this.js

// ES5 way 
var player = {
  name : 'Dhoni',
  tasks : ['batsman', 'wicket-keeper','fielder'],
  printTasks: function(){
    this.tasks.forEach(function(task){
      console.log(this.name +' is a ' + task);
    });
  }
};
// this.name is undefined when trying to print it

// ES5 FIX 1: using variable to save the scope
var player = {
  name : 'Dhoni',
  tasks : ['batsman', 'wicket-keeper','fielder'],
  printTasks: function(){
    var self = this;
    this.tasks.forEach(function(task){
      console.log(self.name +' is a ' + task);
    });
  }
};

// ES5 FIX-2 : using native bind
var player = {
  name : 'Dhoni',
  tasks : ['batsman', 'wicket-keeper','fielder'],
  printTasks: function(){
    this.tasks.forEach(function(task){
      console.log(this.name +' is a ' + task);
    }.bind(this));
  }
};


// ES5 FIX-2 : passing context in forEach loop
var player = {
  name : 'Dhoni',
  tasks : ['batsman', 'wicket-keeper','fielder'],
  printTasks: function(){
    this.tasks.forEach(function(task){
      console.log(this.name +' is a ' + task);
    }, this);
  }
};