자바스크립트 함수(function)

함수(function)
:프로그래밍에서의 함수란, 큰 프로그램을 잘게 쪼개어 특정 코드 뭉치를 반복해서 사용할 수 있도록 묶어놓은 코드 뭉치의 단위

 

선언을 먼저 하고 // 호출을 하는 방식!!!
1.함수 선언 & 호출
=선언보다 호출을 먼저 해도 될 때가 있고, 안될 때가 있음
- 왜 함수가 실행되는가? => 함수의 Hoisting 실행!!!
- Hoist 개념 => 우물가 => 두레박을 활용해서 물을 위로 끌어올리는 개념

- ES6문법 => 함수를 사용방법 다변화!!!
기존 function 키워드 함수 밖에는 사용불가!!!
익명함수 & 화살표함수 => Hoisting 기능 사라짐!!!

=함수형태의 변천사
1) function

함수 호출

add(1,2);

 

함수 선언

function add (){

return a+b;}

2) 익명함수

함수 선언

function  (){

return a+b;}

 

함수 호출

add(1,2);

3) 화살표함수

함수 선언

const add = (a,b) =>{

return a+b;

}

 

함수 호출

add(1,2);

 

---

return 을 쓰는 이유: 함수 본문에서 return 명령문에 도달하면 함수의 실행은 그 지점에서 중단됩니다. 

값을 제공한 경우 함수를 호출한 곳에 그 값을 반환합니다.

---

인수(arguments)
함수를 호출할 때 값을 전달한다고 해서 전달 인자라고도 부릅니다.
매개변수와 달리 전달 인자는 고정되어 있지 않고, 호출할 때마다 수시로 변하는 값(value)이기 때문에 변수가 아닌 값으로 정의
// 함수에서 1,2에 해당합니다 add(1,2);


인자(parameter)
함수를 선언할 때 사용되는 변수(variable)입니다.

function add(a,b) {
  return a+b;
}

// 매개변수 a, b

함수 내부에 있는 인자로써, 특정한 값으로 정해진 것이 아니라 함수가 호출하면서 건네준 인수가 변수(variable)에 담기게 됩니다.
들어오는 인수와 매개체 역할을 하기 때문에 매개 변수라고도 합니다.

인수와 인자는 단어가 비슷해서 헷갈릴 수도 있습니다.
함수 호출 시 사용되는 값은 인수나 arguments로,
함수 선언시 사용하는 변수는 매개변수나 parameter로 부르는 것을 추천합니다.