angular 5 weird behavior when calling function

Question

Using angular 5, I call denoFormat(item["DENOMINATION"]) I get the following error stack

vendor.91392bd4e66ade432f98.bundle.js:1 ERROR TypeError: Cannot read property 'denoFormat' of undefined at main.e31e50ee66f46596cba1.bundle.js:1 at Function.g.map.g.collect (vendor.91392bd4e66ade432f98.bundle.js:1) at e._next (main.e31e50ee66f46596cba1.bundle.js:1) at e.T14+.e.__tryOrUnsub (vendor.91392bd4e66ade432f98.bundle.js:1) at e.T14+.e.next (vendor.91392bd4e66ade432f98.bundle.js:1) at e.T14+.e._next (vendor.91392bd4e66ade432f98.bundle.js:1) at e.T14+.e.next (vendor.91392bd4e66ade432f98.bundle.js:1) at e.L8VJ.e._next (vendor.91392bd4e66ade432f98.bundle.js:1) at e.T14+.e.next (vendor.91392bd4e66ade432f98.bundle.js:1) at XMLHttpRequest.s (vendor.91392bd4e66ade432f98.bundle.js:1)

If I were to use item["DENOMINATION"] no error occurs. Can someone explain what's going on?

 var _data =  [ { DENOMINATION: 0, FIT: 0, UNFIT: 0},
        { DENOMINATION: 1, FIT: 2157, UNFIT: 1842},
        { DENOMINATION: 2, FIT: 2455, UNFIT: 2031 }
  ];

  var arr = [];
  arr.push(_.map(this._data ,function(item){
    if (((item["FIT"] + item["UNFIT"]) != 0) && (item["DENOMINATION"] <= 5)){
      return {"name": this.denoFormat(item["DENOMINATION"]) ,"series": [
      {
        "name": "FIT",
        "value": item["FIT"]
      },
      {
        "name": "UNFIT",
        "value": item["UNFIT"]
      }
    ]}
  } else{
    return;
}
}));
      denoFormat(n){
        var val;
        switch (n){
          case 0:
          val = 1000;
          break;
          case 1:
          val = 5000;
          break;
          etc.
        }
        return val;
      }

Possible duplicate of How to access the correct `this` inside a callback? — Martin Parenteau
– Martin Parenteau, Commented Jul 9, 2018 at 16:23

JSON Derulo · Accepted Answer · 2018-07-09 15:13:04Z

3

In this case, you have to use an arrow function to prevent the scope changing.

arr.push(_.map(this._data , (item) => {
    // ...
    this.denoFormat()
    //...
}

answered Jul 9, 2018 at 15:13

JSON Derulo

18.8k11 gold badges62 silver badges85 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

LSTM Over a year ago

will mark as answered when allowed to. Thanks a lot.

Collectives™ on Stack Overflow

angular 5 weird behavior when calling function

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related