19/5/5学習記録『Javascript1』

ProgateのJavascript講座

アロー関数：function（）をよりシンプルに。

const hoge = function() {
}
↓
const hoge = () => {
}

引数

const 定数名 = (引数名) {
// 処理
}


const hoge = (name) => {
 console.log(`私は${name}です。`);
}
hoge ("私");
↓
私は私です。

出力時の()内が、定数定義時の()になる。

ProgateのJavascript学習コースⅢより。

// 定数dollarYenRateに110を代入
const dollarYenRate = 110; 

// アメリカドルを日本円に換算する関数convertToYen
// この関数で、convertToYenを実行した時の戻り値を算出する。

const convertToYen = (priceDollar) => {
 return  priceDollar * dollarYenRate;
}

const information = (name, price) => {
  console.log(`アメリカドルで${name}は${price}ドルです`);
  
  // 定数priceYenを用意し、関数convertToYenを呼び出したものを代入
　// ここで関数 convertToYen が実行される。()内の引数price
  const priceYen = convertToYen(price);
  console.log(`日本円で${name}は${priceYen}円です`);
  console.log('--------------');
};
information("香水", 48);
information("お菓子", 6);

//出力結果

アメリカドルで香水は48ドルです
日本円で香水は５２８０円です。
--------------
アメリカドルでお菓子は48ドルです
日本円でお菓子は６６０円です。


１．informationという関数の実行　※第一引数にname、第二引数にpriceが定義されている。
information("香水", 48);
↓
console.log(`アメリカドルで${name}は${price}ドルです`);

const priceYen = convertToYen(price);
※ここでpriceを使用した定数priceYenが定義される。この定数は関数convertToYenの結果である。

const convertToYen = (priceDollar) => {
 return  priceDollar * dollarYenRate;
}
convertToYen(price)は、「priceDollar*dollarYenRate」の戻り値。
引数priceDollarはpriceと同じ。　※今回の場合、「price＊dollarYenRate」でも良いのでは？


console.log(`日本円で${name}は${priceYen}円です`);　←直前で定義したpriceYenが代入され、出力結果に出る。
console.log('--------------');

information("お菓子", 6);
↓
console.log(`アメリカドルで${name}は${price}ドルです`);
const priceYen = convertToYen(price);
console.log(`日本円で${name}は${priceYen}円です`);
console.log('--------------');