関数の3種類の宣言)関数宣言式、関数式、矢印関数

5501 ワード
JavaScript n.関数 テキストリンク
3つの関数宣言方法
関数を宣言する方法は、関数宣言式、関数式に分けられ、関数式のショートカット矢印式があります.
関数式は匿名関数と呼ばれ、匿名関数は関数の名前を付けずに関数が再利用されないようにすることを意味します.
関数宣言
function関数名(パラメータ){コードブロック}
  • 関数宣言と同時に関数を定義します.
  • functionキーワードの横に関数名
    • を明記する必要があります.
  • 関数宣言式で関数を宣言する場合、セミコロン(;)使用しません.
  • 関数シースの影響で、関数が宣言される前に関数も使用されます.
    • function num1(a,b) {
let result = a + b
 return result // 세미콜론 사용 X
}
    関数式(匿名関数)
    let変数名=関数(パラメータ){コードブロック}
  • 変数を宣言し、変数に匿名関数を割り当てます.
  • 関数名は必要ありません.(匿名関数)
    ->名前のない関数をanonymousfunctionと呼びます.
  • 関数式で関数を宣言するときにセミコロンを付けます.
    • // num2라는 변수에 익명함수를 할당한다.
let num2 = function (a, b) {  //num2는 함수명이 아니라 변수명이다! 
	return a + b;  // 세미콜론 사용 O
}
    矢印関数(関数式のショートカット)
    let変数名=(パラメータ)=>{コードブロック};
    矢印関数との共通点
  • 変数を宣言し、変数に匿名関数
    • を割り当てる
  • 矢印関数を宣言するときもセミコロンを付けます.
    • 矢印関数との違い
  • 関数キーを矢印(=>)と略して
    • を表示します.
  • 関数の本文にリターン記号のみがある場合は、リターン記号と{}カッコ(コードは1行)を省略できます.
    returnを省略する場合は、{}カッコも省略します.
  • 関数の式が2行より多い場合は、returnと{}のカッコを明示的に書くことが望ましい.
    (可読性の良いコード作成方法)
  • 変数が1つしかない場合は、カッコはオプションで、パラメータがない場合や2つ以上ない場合はカッコが必要です.
    • //함수표현식 기본형
let num2 = function (a, b) {return a + b};

//화살표함수 기본형 
let num2 = (a,b) **=>** {return a + b};  //함수표현식을 화살표 함수로 변경한 것
// function 을 => 로 축약한 것

// 매개변수가 1개일 시 변수를 괄호로 묶거나 묶지않는 것은 자유이다.
let num1 = (a) or a => {return a + b}

// 매개변수가 2개 이상이거나, 없을 경우 소괄호는 필수이다.
let num1 = (a,b) => {return a + b}
let num2 = () => {return }

// 함수 본문에 return문만 있다면, return과 중괄호를 생략할 수 있다. 둘 중 하나만 생략은 불가능한다.
let num1 = (a,b) => a*b
    リファレンス
    MDN
    ドリームコード
    ⚙️ ❮ ZIコンソール❯
    シンプルなジャンゴCrudアプリ