在地圖中調用函數時未定義錯誤 - 打字稿

Question

我在函數中有以下地圖

mainFunc(){
// other logics

    data.map(function (item) {
      item.number = Math.round(item.number);
      item.total = item.last - item.first;
      item.quantity= item?.quantity ? quantityRange(item?.quantity): '';
    }); 

// other logics
}


quantityRange(quantity){
if(quantity){
   if(quantity < 100) return "Less Quantity";
   if(quantity < 500) return "Average Quantity";
   else return "Good Quantity"
   }
}

我在mainFunc() quantityRange()之外有 quantityRange()，我在地圖內的三元運算符內調用它。 當我運行我的代碼時，我得到錯誤quantityRange()未定義。 我們不能在打字稿的地圖中使用這樣的功能嗎？

任何幫助，將不勝感激。

Answer 1

mainFunc(){
// other logics
    const self = this; // make sure you are not loosing this
    data.map(function (item) {
      item.number = Math.round(item.number);
      item.total = item.last - item.first;
      item.quantity= item?.quantity ? self.quantityRange(item?.quantity): '';
    }); 

// other logics
}

您應該使用 this 關鍵字調用該方法，為此您應該綁定 this。 有不同的方法可以做到這一點，其中之一就是將其保存在變量中。