ES2015 class variable scope

Question

I have a class like the following:

class SomeService {

    constructor() {
        this.classVar= [];
    }

    aFunction() {
        myArray.forEach(function(obj) {
            // how can I access classVar within this scope
        });
    }

So my question is how can I access the classVar variable within forEach block? what is the recommended approach here?

[`Array.prototype.forEach(callback[, thisArg])`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set/forEach) — Andreas, Nov 30 '17 at 10:08

score 2 · Accepted Answer · answered Nov 30 '17 at 10:06

2

You can pass this context to the forEach function:

myArray.forEach(function(obj) {
    console.log(this.classVar);
}, this);

answered Nov 30 '17 at 10:06

hsz

148,279
62
259
315

score 1 · Answer 2 · answered Nov 30 '17 at 10:05

You can copy the reference to self

class SomeService {

    constructor() {
        this.classVar= [];
    }

    aFunction(myArray) {
        var self = this; //copy this to self
        myArray.forEach(function(obj) {
           self.classVar.push(obj);
        });
    }
}

Demo

class SomeService {
  constructor() {
    this.classVar = [];
  }
  aFunction(myArray) {
    var self = this;
    myArray.forEach(function(obj) {
      // how can I access classVar within this scope
      self.classVar.push(obj)
    });
  }
}
var obj = new SomeService(); 
obj.aFunction([1,2]);
console.log(obj);

ES2015 class variable scope

2 Answers2