Why do we need to explicitly bind a function when inside a constructor

Question

Let us say there is a code block like

const Person = function (name, hobbies) {
  this.name = name;
  this.hobbies = hobbies;
  this.display = function () {
        //hobbies array iterated through the map function
    this.hobbies.map(function (hobby) {
            //Inside this anonymous function, the 'this.name' cannot be found
      console.log(`My name is ${this.name} & my hobby is ${hobby}`);
    });
  };
};

const hobbies = ['Sports', 'Music'];

const me = new Person('Skay', hobbies);

me.display();

Here while console.log(this.name) (inside the map function) apparently it creates a scope and this.name is assigned undefined. My understanding of scope chain is that it will try to find that variable in the outer scope. Also because of closure the this.name should have been accessible too because inner functions should have access to the outer function. Why is this not working like that and why is it that we need to use explicit binding.