在未定义的函数类中调用函数的Javascript

Question

我正在调用一个方法，并且希望该方法获取第二个方法的返回值的值，以便能够在元素中使用变量。

我总是能够通过将函数放在另一个函数中来调用一个函数。 似乎在使用类时，我无法实现这一点。

我是否必须使用某种回调方法。 我是新来的班。

class Bills{

    constructor(amount,payment,duedate,apr){
        this.amount = amount;
        this.payment = payment;
        this.duedate = duedate;
        this.total = total;
        this.apr = apr;

    }

  amountByMonth(billings){

//This is the function I am calling inside the function to get the value of.
      let dueDays = daysLeft(billings);

    const items = document.getElementById('bills');
    const newitem = document.createElement('ul');

    newitem.innerHTML = `
    <li>Monthly Amount Due :${billings.amount}</li>
    <li>Monthly Amount Due :${dueDays}</li>
    <li>Total On Card: ${billings.total}</li>`;


    items.appendChild(newitem);


  }

  daysLeft(billings){

let date1 = new Date();
let dueDate = new Date(billings.duedate);
let timeDiff = Math.abs(dueDate.getTime() - date1.getTime());
let diffDays = Math.ceil(timeDiff / (1000 * 3600 * 24)); 
console.log(diffDays);

return diffDays;

  }





}// end 




document.getElementById('subBtn').addEventListener('click',valueinput);

function valueinput(e){

 let amount = document.getElementById('payment').value;
 let total  = document.getElementById('total').value;
 let duedate = document.getElementById('dues').value;


  let billings = new Bills();

  billings.amount = amount;
  billings.duedate = duedate;
  billings.total = total;



  billings.daysLeft(billings);
  billings.amountByMonth(billings);

  e.preventDefault();
}

Answer 1

你需要说清楚，你所呼叫的同一类的另一种方法，通过使用不是一个不同的功能this ：

当声明不带function关键字的类方法时，基本上就是在将其声明为class对象的功能属性。 要引用该属性，您需要将其放在其定义的对象的上下文中，即

let dueDays = this.daysLeft(billings);

Answer 2

您必须使用this ，例如，如果要在类函数内部调用函数，则必须使用this函数使类知道引用。 因此，您的代码应如下所示：

  amountByMonth(billings){
     let dueDays = this.daysLeft(billings);

     // Rest of your code
  }