3. 함수

구조 [함수 선언식] - 호이스팅

function 함수이름(parameter1, parameter2....) {

      return 반환값

}

 

함수이름(argument1, argument2...)

 

➡️argument가 parameter값에 매치 되고 내부의 값들에 들어가게 된다.

     그리고 return값으로 값이 나온다. 만약 return값이 없다면 함수가 동작은 하지만 값은 안나온다.

     굳이 따지자면 parameter이 let과 같은 변수 이고 argument는 그에 입력되는 값이다.

 

구조 [함수 표현식] - 호이스팅에 영향X

let 함수이름 = function () {

         return 반환값  

}

 

• 화살표 함수

선언한 함수를 짧게 표현 가능 하다.

 

function 함수(x, y) {                    ➡️     1.  let 함수 = x, y => x + y

     return x + y                                      2. parameter가 하나라면 : let 함수 = x => x + 10

}                                                            3. 한 줄 표현식만 반환 한다면 return 키워드 생략 가능

                                                                     let 함수 = x => x + 10

                                                                     let 결과 = 함수(2);

                                                                     console.log(결과);      ➡️ 12

 

• 콜백 함수

다시 호출되는 함수

특별한 의미 X

 

btn.addEventListener('click', function() {

console.log('start~')   })

➡️ 이벤트리스너 함수 호출 후 다시 콜백함수 호출

[파라미터 값이 함수가 들어가 벌임!]

 

let fruits =['사과', '바나나', '딸기'];

fruits.forEach((item, index) => {

       콜백함수   })