Implicit Explicit and....?

Hello, today i was reading about this, you ask what I say this is a keyword in JavaScript which refers to ......?

Well this is a question we will try to answer today.

Code 1 - Implicit binding

 this.name = 'Global Name'; const person = { name: 'James Bond', profession: 'Agent', id: '007' hi: function() { return this.name } } person.hi() // 'James Bond' 

Well, clearly this refers to its immediate object.

Now lets change this a little bit

 this.name = 'Global Name'; const person = { name: 'James Bond', profession: 'Agent', id: '007' hi: () => { return this.name } } person.hi() // 'Global Name' 

If you see clearly I have changed hi key's value to an arrow function and arrow functions changes the reference this to global object. But why ? can you answer in comments ?

Code 2 - Explicit binding

 this.name = 'Global Name'; const person = { name: 'James Bond', profession: 'Agent', id: '007' hi: function() { return this.name }.bind(window) } person.hi() // 'Global Name' 

In here this will refer to global object since we have bind it to window object which is the global object.

Thank you