Lære Context of this inside classes | ES6 Class Fundamentals

When you define methods inside a JavaScript class, the value of this inside those methods usually refers to the specific instance of the class on which the method was called. This means you can access and modify the instance's properties using this.propertyName. However, the value of this is determined by how a method is invoked, not where it is defined. If you detach a method from its instance and call it as a regular function, this may become undefined (in strict mode) or refer to the global object (in non-strict mode), leading to unexpected behavior.


              12345678910111213141516
            
class Car {
  constructor(make, model) {
    this.make = make;
    this.model = model;
  }
  
  displayInfo() {
    console.log(`Car: ${this.make} ${this.model}`);
  }
}

const myCar = new Car('Toyota', 'Corolla');
myCar.displayInfo(); // Car: Toyota Corolla

const detachedDisplay = myCar.displayInfo;
// detachedDisplay(); // In strict mode: TypeError or 'this' is undefined; in non-strict mode: 'this' is the global object

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 1. Kapittel 6

Spør AI

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Awesome!

Completion rate improved to 6.25

Sveip for å vise menyen


              12345678910111213141516
            
class Car {
  constructor(make, model) {
    this.make = make;
    this.model = model;
  }
  
  displayInfo() {
    console.log(`Car: ${this.make} ${this.model}`);
  }
}

const myCar = new Car('Toyota', 'Corolla');
myCar.displayInfo(); // Car: Toyota Corolla

const detachedDisplay = myCar.displayInfo;
// detachedDisplay(); // In strict mode: TypeError or 'this' is undefined; in non-strict mode: 'this' is the global object

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 1. Kapittel 6