Javascript
PR

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ドルです
日本円で香水は5280円です。
--------------
アメリカドルでお菓子は48ドルです
日本円でお菓子は660円です。


1.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('--------------');


 

ABOUT ME
記事URLをコピーしました