シンプルプラクティス機能の表示NaN

Question

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

    return total 
} 

basketPrice(150); 

私はJavaScriptを1週間ほど前から調べていましたので、間違いや間違いをお許しください。

私は非常に単純な出力を生成しようとしています。私はこれがあなたがe-コマースのウェブサイトでバスケットを作り出す方法ではないと確信していますが、それは私が練習に役立つ例です。

私の結果が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

引数が1つだけの3つの引数を必要とする関数を呼び出しているので、totaの計算lはNaN（Not a Number）になります。

Answer 3

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