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关键字的类方法时，基本上就是在将其声明为类对象的功能属性。要返回该属性，您需要将其放在其定义的对象的上下文中，即

let dueDays = this.daysLeft(billings);

Answer 2

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


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

     // Rest of your code
  }

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

2 个答案: