JavaScript 07. 자바스크립트 - 함수

 

JavaScript 함수

 

함수 (function)라는 뜻은 어떤 기능을 의미함 (input, output을 갖고있는 어떤 기능의 단위.)
입력(input)은 매개변수값으로, 출력(output)은 return값으로 함

 

함수는 크게 1.함수 선언문 형태, 2. 함수 표현식 형태 두 가지가 있다.

 

1. 함수의 형태

 

// 1. 함수 선언문 형태 (function declaration)

 

   function add (매개변수input) {

      //함수 내부에서 실행할 로직(Main Logic)

   }

 

function add(x, y) {
    return x + y;
  }
  
  console.log(add(2, 3));   // 5

위의 예제에서는 function 키워드를 사용하여 add라는 함수를 선언하였다. 함수 선언문을 사용하면 함수를 미리 정의해두고, 필요할 때 호출할 수 있다.

 

 

// 2. 함수 표현식 형태 (function expression)

let add = function(x, y) {
    return x + y;
  }
  
  console.log(add(2, 3));   // 5

위의 예제에서는 function 키워드를 사용하여 add라는 변수에 함수를 할당하였다. 함수 표현식을 사용하면 함수를 변수에 할당하여 익명 함수를 생성할 수 있다.

 

 

 

2. 함수의 호출 (함수를 호출한다 = 함수를 사용한다)

function add(x, y) {
    return x + y;
  }
  
  console.log(add(2, 3));   // 5

위의 예제에서는 add라는 함수를 호출하여 결과값을 반환한다. 함수를 호출할 때는 함수 이름 뒤에 괄호를 사용한다.

 

 

function add (x, y) {
    return x + y;
};
let functionResult = add(3, 4);
console.log(functionResult);  // 7 (3+4)

add2를 가지고 10과 20을 더한 값을 출력해보기

 

 

let add2 = function (x, y) {
    return x + y;
};
let functionResult2 = add2(10, 20);
console.log(functionResult2);  // 30 (10+20)

 

// 함수의 input => 매개변수 (매개체가 되는 변수)
// 함수의 output => return문 뒤에 오는 값: 반환값