JavaScript-də OOP-də Kontekst İtirilməsi

Siniflərlə işləyərkən kontekst itirilə bilər və this sinif obyektini deyil, başqa bir şeyə işarə edəcək. Gəlin görək bu necə baş verə bilər və bununla nə etmək lazımdır.

Tutaq ki, bizim istifadəçi adını və şəhərlərin massivini özündə saxlayan User sinfimiz var, hansı ki, bu istifadəçi olub:

javascriptclass User {
  constructor(name, cities) {
    this.name = name;
    this.cities = cities;
  }
}

Tutaq ki, şəhərləri çıxaran metod var:

javascriptclass User {
  constructor(name, cities) {
    this.name = name;
    this.cities = cities;
  }
  
  showCities() {
    this.cities.forEach(function(city) {
      console.log(city);
    });
  }
}

Tutaq ki, bu metodda biz sinfin müəyyən köməkçi metodundan istifadə etmək qərarına gəldik. Bu halda kontekst itiriləcək:

javascriptclass User {
  constructor(name, cities) {
    this.name = name;
    this.cities = cities;
  }
  
  showCities() {
    this.cities.forEach(function(city) {
      console.log(this.#cape(city)); // kontekst itirildi
    });
  }
  
  #cape(str) {
    return str[0].toUpperCase() + str.slice(1);
  }
}

Problemi, məsələn, ox funksiyası təqdim etməklə düzəltmək olar:

javascriptclass User {
  constructor(name, cities) {
    this.name = name;
    this.cities = cities;
  }
  
  showCities() {
    this.cities.forEach(city => {
      console.log(this.#cape(city));
    });
  }
  
  #cape(str) {
    return str[0].toUpperCase() + str.slice(1);
  }
}

javascriptclass Employee {
  constructor(name, salary, coeffs) {
    this.name = name;
    this.salary = salary;
    this.coeffs = coeffs;
  }
  
  getTotal() {
    return this.coeffs.reduce(function(res, coeff) {
      return res + this.salary * coeff;
    }, 0);
  }
}

let employee = new Employee('john', 1000, [1.1, 1.2, 1.3]);
let total = employee.getTotal();
console.log(total);