함수(Function) 구조, 선언과 호출방식

함수란?

한수란 하나의 특정 목적의 작업을 수행하는 코드들이 모인 독립적인 블록이다.
이러한 함수는 필요할 때마다 호출하여 해당 작업을 반복해서 수행, 즉 재사용이 가능하다.

함수를 정의하는 방법은? (Function declaration )

• 하나의 함수(function)는 한가지 일만 하도록 만들기
• 함수이름을 지을 때 : 동사(verb)형태

함수는 무엇인가 동작하는 것 이기 때문에 동사형태(verb)로 이름을 지정해야한다.
(변수는 : 명사(noun)로 지정)

함수의 기본 구조

함수의 선언

함수에 어떠한 인자를 매개변수(parameter)에 받아 {return 코드실행} 된 값을 리턴하겠다! 라고 선언

function + name + (parameter1, parameter2 + ....) + {body(코드블록) ... return}

function 함수명 (매개변수  parameter) { 함수가 수행하는 기능 기능(코드블록)  return 코드실행}

1. function이란 키워드를 사용하여 이 것은 함수입니다! 라고 선언
2. function 뒤에는 함수명 정의 (함수 이름은 함수 자체를 가리킴)
3. ( )소괄호에는 함수의 매개변수(parameter)에 어떤 값을 전달받아 사용할 것 인지 전달인자를 정의
4. {코드블록} 중괄호에는 함수가 수행하는 기능, 즉 실제로 함수안에서 작동할 코드를 작성한다.

• { } 코드블록(body)에 작성한 코드 === 함수가 수행하는 기능을 뜻한다.
  

함수를 선언하면 함수가 동작할까요?
함수의 선언은 이런 함수가 있다,이 함수는 { } 어떤 동작을 하는 함수이다. 선언만 해주는 것이고 실제로 동작하려면 함수 호출을 해야한다.

함수의 호출

함수명(전달인자)

함수를 선언하고 정의한 다음, 함수를 사용하기 위해 호출할 함수명 과 전달인자(a,b..)를 붙여서 호출한다.
자세하게 말하자면, 호출한 함수의 전달인자(argument)를 매개변수(parameter)에 대입하여 함수를 실행한다.

실행 후 함수의 (return) 출력(반환값)을 호출한 변수로 전달 받는다.

* return문을 사용하지 않으면 undefined가 출력(반환)된다.

함수의 선언식을 사용한 함수선언과 호출의 예시

함수를 실행시키기 위해 함수를 호출한다. 함수의 parameter (인자)에 argument (인자)를 전달하여 함수의 식을 동작한다.

function add(a,b) { //add함수 선언
 let sum = a + b; // {} 코드블록 속 sum은 a와 b를 더한 값이다 라는 함수(기능)을 수행
  return sum;  //  {} 함수가 실행된 값, a+b 더해진 값이 리턴
  console.log(sum) // 3
 }

// 함수의 호출
// 함수를 호출하면 함수가 실행된다.
let result = add(1,2)
// 전달인자 -> (1,2)를 함수에 전달 매개변수(a,b) 전달하여 함수를 호출한다.
console.log(result)

check!

• 매개변수(parameter) : 함수를 선언할 때 소괄호 안에 변수로 적어주는 값(인수)
  함수를 실행할때 입력에 따라서 바꿀 수 있지만 let등 의 키워드를 쓰지 않는다.
• 전달인자(argument) : 이 함수를 호출할때 매개 변수에 전달해주는 값(인수) ,매개변수에 할당되는 값을 말한다.