function

Introduce
この文書は2022年1月30日に作成されました.
Java vs JavaScript
JavaScriptの関数を正式に紹介する前に、
コンパイル言語Javaとスクリプト言語JavaScriptを簡単に比較してみましょう.
これは必須ではありません.
JavaScriptの関数が独立していることを示しています.
一級市民の関数
JavaScriptの関数について議論する前に、
JavaのメソッドとJavaScriptの関数の違いについてお話ししたいと思います.
そのため、
言語の統一性のために,方法も関数も関数に統一される.
同じ理由で、オブジェクトとインスタンスをインスタンスに統一します.
また、
本文は1級公民という言葉を使う.
以下を参考にしてください.
一級公民の関数は
変数に含めるか、パラメータとして渡すことができる関数を表します.
一級公民の関数として
Javaの関数
ご存知のように、
Javaはコンパイルベースの言語です.
これは通常、次のことを意味します.

すべての変数と関数は、クラスの下でのみ宣言されます.

すべての変数および関数は、インスタンスの作成に使用できます.
ユーティリティクラスなどの静的関数は議論の範囲外です.

変数はパラメータに渡すことができます.
関数をパラメータとして渡すことはできません.

関数をパラメータに変換するにはLamda式などを使用します.

JavaScriptの関数
JavaScriptはスクリプトベースの言語です.
したがって、ソースコードをコンパイルする必要はありません.
上に関連しているかどうかはわかりませんが、
通常、次の機能があります.

すべての変数と関数は、任意の場所に宣言できます.

は基本的にクラスがないため、すべての変数と関数は独立して存在します.

変数と関数は、パラメータに渡すことができます.

Syntax
JavaScriptで使用される関数の構文は、通常次のとおりです.

function

anonymous function

arrow function

variable function

✅ function
最も一般的な変数の使用方法.
使用可能な形式は次のとおりです.

function 함수이름(매개변수) {
  실행 내용
  
  return 은 선택 
}

✅ anonymous function
関数名の省略形式.
通常、これは関数名に不要な問題が多すぎることを解決するためです.
使用可能な方法は次のとおりです.

// 해당 객체를 클릭할 시에 anonymous function 이 실행됩니다.
document.getElementById("아이디").addEventListener("click", function () {
  실행 내용
  
  return 은 선택
});

✅ arrow function
これは関数elimとfunction名を省略した使用方法です.
通常、functionを使用して記号を省略することもあります.
ここで少し注意が必要ですが、
矢印関数を使用して変数を作成する場合、
このキーワードを使用してwindowを指します.

document.getElementById("아이디").addEventListener("click", ()=>{
  실행 내용
  
  return 은 선택
});

これについて...

const body=document.querySelector("body");
const text=document.createElement("span");
text.innerText="글자";
body.appendChild(text);

// anonymous function 에서는 DOM 인스턴스가 출력됨
text.addEventListener("click", function() {
  console.log(this);
});

// arrow function 에서는 Window 인스턴스가 출력됨
text.addEventListener("click", ()=>{
  console.log(this);
});

✅ variable function
変数空間で関数として使用する方法.
function、anonymousfunction、arrow functionは変数に含めることができます.
これに関連する問題は,上記の関数を単独で用いた場合と同様である.

const funcA=function funcAA() {}
const func=function () {}
const func=()=>{}