WHY

자바스크립트의 수업은 끝났지만 아직 잘 모르기 때문에 출력의 일환으로 씁니다.
초보자의 방식으로 자바스크립트의 함수 정의를 정리합니다.

function

함수는function을 사용하여 정의할 수 있습니다.function 후에 "함수 이름, () {}"을 계속 기술하고 {} 에서 처리합니다.

function 関数名( ) {
  // 処理
}

//(例)
function sayHello(){
  console.log("こんにちは")
}

sayHello()

콘솔 출력

함수 선언

이렇게 함수 이름을 정의하고 쓰기 처리의 정의를 함수 선언이라고 한다.

함수 표현식

함수는 함수 이름을 설명하지만, 함수 표현식의 경우function () {} 이라는 무명 함수를 정의하거나 변수를 대입하여 함수를 정의합니다.

変数 = function( 引数 ){
  // 処理
}

무명 함수

함수 이름 정의가 없습니다.그것의 장점은 더욱 간결한 코드를 작성할 수 있다는 것이다.

// 関数宣言
function hello(){
  console.log('こんにちは')
}

// 関数式（無名関数）
const hello = function(){
  console.log('こんにちは')
}

인스턴트 함수

함수를 정의하는 동시에 실행합니다.함수를 정의한 후 호출하는 작업을 단축할 수 있습니다.

// 無名関数
const hello = function(text) {
  console.log(text)
}
  hello("こんにちは")

// 即時関数
(function hello(text) {
  console.log(text)
})("こんにちは")

아로 함수

function의 설명 정의 함수를 "()=>"로 대체합니다.함수를 더 짧은 설명으로 정의할 수 있습니다.

// 無名関数
const hello = function(text){
  console.log(text)
}

// アロー関数
const hello = (text) => {
  console.log(text)
}

javascript는 루비와 달리 함수 이름을 정의하는 데는 함수 이름만 있는 것이 아니라 직접 기술하는 경우가 많다.

//(例)
pullDownButton.addEventListener('mouseover', function(){
    console.log("mouseover OK")
  })

닮은 것 같아, 잘 풀어서 공부하고 싶어.