👍

[JavaScript]関数について

2023/10/24に公開

関数とは

  • タスクや値の計算を実行する処理の集まり
  • 必要に応じて与えれれた入力値に基づいて、何らかの処理を行う
  • その結果を返すこともできる

関数には2種類ある

  • 標準関数
    JavaScriptが標準で用意している関数
  • ユーザー定義関数
    開発者が自分で関数を定義
    1. function命令で定義する
    2. 関数リテラルで定義する
    3. Functionコンストラクターで定義する
    4. アロー関数で定義する

ユーザー定義関数

1.function命令で定義する

function getRectangle(height,width){
  return height * width;
}

console.log(getRectangle(3,5));

2.関数リテラルで定義する

const getRectangle2 = function(height,width){
  return height * width;
}

console.log(getRectangle2(3,5));

3.Functionコンストラクターで定義する

//const 変数名 = new Function(引数1,引数2、関数本体の処理)
const getRectangle3 = new Function('height','width','return height * width');
console.log(getRectangle3(3,5));

4.アロー関数で定義する

const getRectangle4 = function(height,width){
  return height * width;
}
console.log(getRectangle4(3,5));

実行結果の見方

デベロッパーツールのコンソールタブで見れる

参考

エラーが出た時の参考サイト
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Errors

Discussion