简单练习函数显示 NaN

Question

function basketPrice(product, vat, delivery) {
    var total = product + vat + delivery;
    delivery = 7.5;
    vat = 20/100 * product;

    return total
}

basketPrice(150);

所以为了记录，我大约一周前开始研究 JavaScript，所以请原谅任何愚蠢的错误或术语。

上面我试图生成一个非常简单的输出。我确定这不是您在电子商务网站上制作购物篮的方式，但这只是我用来帮助我练习的一个示例。

我以为我已经解决了这个问题，直到我的结果是 NaN（我知道这意味着不是数字）但我不知道它与哪个位相关以及为什么。

我正在寻找关于我哪里出错的解释（尽可能简单）。任何帮助表示赞赏。

提前谢谢你。

Answer 1

function basketPrice(product, vat, delivery){
    console.log(product,vat,delivery);//150,undefined,undefined

  var total=product + vat + delivery;//150+undefined is not a number

 delivery=7.5;//now its to late to change sth
 vat = 0.2 * product;

 return total;
}

basketPrice(150);

您在计算总计后设置变量。因此可以在计算总数之前使用默认值和/或设置它们：

function basketPrice(product, vat, delivery=7.5){

console.log(product,vat,delivery);//150,undefined,7.5

vat = vat || 0.2 * product;

 var total=product + vat + delivery;// is a number

 return total;
}
basketPrice(150);
basketPrice(1,2);
basketPrice(1,2,3);

---

如果你真的不希望这两个作为参数，它更简单：

function basketPrice(product){
 return product * 1.2 + 7.5;
}

或简称：

basketPrice=p=>p*1.2+7.5;

Answer 2

您调用的函数需要 3 个参数和一个参数，因此总计的计算变为 NaN（不是数字）。

Answer 3

    function basketPrice(product, delivery) { 
vat = (20/100 ) * product;
var total = product + vat + delivery; 
 return total;
} 
basketPrice(150,7.5);