this.js

// this keyword always refer to something like object

// this refers to object on how function is invoked
// intially this keyword resembles to the window object

// Implicity binding

console.log(this);

let user = {
  name: "sudhakar",
  age: 24,
  getName() {
    console.log(this.name); // here this always refers to imediate parent in case of normal functions
  },
};

const address = {
  name: "sudhakar",
  city: "guntur",
  town: {
    townName: "vijayawada",
    getDetails() {
      console.log(this.name + this.townName); // see here at present this referes to town ka object
      //as town object doesnot have name it returns undefined
    },
  },
};

// In normal function this always refers to immediate parent object

const arrow = {
  name: "sudhakar",
  age: 24,
  getName: () => {
    console.log(this.name); // here In arrow function this always refers to parent function not immediate object
    // as there is no parent fucntion so it tends to global and global does not have name so undefined
  },
};

const arowAddress = {
  name: "sudhakar",
  city: "guntur",
  getDetails() {
    arrowGetDetails = () => {
      console.log(this.name);
    };
    arrowGetDetails(); // see here it references to parent function
  },
};

user.getName();

address.town.getDetails();

arrow.getName();

arowAddress.getDetails();