Value of this keyword in different cases is different. Explain

Viewed 17
this.name = "apple"

let obj1 = {
    name:"banana",

    func1: function(){
        console.log("inside function1")
        console.log(this)

        function func3(){
            console.log("inside function3")
            console.log(this)
        }
        func3()
    },

    func2: () => {
            console.log("inside function2")
            console.log(this)
    }
}

obj1.func1();
obj1.func2();


the output is 

    inside function1
    { name: 'banana', func1: [Function: func1], func2: [Function: func2] }
    
    inside function3
    <ref *1> Object [global] {
      global: [Circular *1],
      clearInterval: [Function: clearInterval],
      clearTimeout: [Function: clearTimeout],
      setInterval: [Function: setInterval],
      setTimeout: [Function: setTimeout] {
        [Symbol(nodejs.util.promisify.custom)]: [Getter]
      },
      queueMicrotask: [Function: queueMicrotask],
      clearImmediate: [Function: clearImmediate],
      setImmediate: [Function: setImmediate] {
        [Symbol(nodejs.util.promisify.custom)]: [Getter]
      }
    }
    
    inside function2
    { name: 'apple' }

Why the output for this keyword when used in function1, function2 and function3 are different? When this keyword is used inside function1 it is referencing the object but when it is used inside function3 it is pointing to some global object. but when this keyword is used inside function2.I don't understand what it is referencing to exactly?

0 Answers
Related