⌘Ctrlk

This - Q1

const character = {
  name: 'Simon',
  getCharacter() {
    return this.name;
  }
};
const giveMeTheCharacterNOW = character.getCharacter;

//How Would you fix this?
console.log('?', giveMeTheCharacterNOW());

Using .bind

const character = {
  name: "Simon",
  getCharacter() {
    return this.name;
  },
};

const giveMeTheCharacterNOW = character.getCharacter.bind(character);

//How Would you fix this?
console.log("?", giveMeTheCharacterNOW());

Using bind works because we're directly binding the object into the function. Thus it directly references the this in what object it was passed

Using Arrow Functions

const character = {
  name: "Simon",
  getCharacter() {
    return () => {
      return this.name;
    };
  },
};

const giveMeTheCharacterNOW = character.getCharacter()

//How Would you fix this?
console.log("?", giveMeTheCharacterNOW());

Using an arrow function we can lexically scope the function to ONLY reference the object in which it was called. You'll have to call the function twice though, but that way we're guaranteed to always have the expected this

Last updated 4 years ago

hashtagUsing .bind

hashtagUsing Arrow Functions

Using .bind

Using Arrow Functions