JavaScript_개념정리 / 함수

함수

---

함수는 실행 가능한 코드가 담겨있는 특별한 객체입니다. 선언한 함수를 호출하여 사용이 가능하고, 인자로 값을 받아 다룰수 있습니다.

 

 

1. 함수 정의

---

1-2. 함수 선언문

 

▶  함수를 정의하는 방식은 함수 선언문과 함수 표현식이 있습니다.

     함수를 구성하는 내용은 function, 함수명, 매개변수, 블론문 으로 구성 되어 있습니다.

 

// 함수 선언문 //
function 함수명(매개변수) {    // 함수에 이름이 있어 기명함수로도 불립니다.
       블록문 (실행문)
}

// 예시 //
function add(x, y) {
       console.log(x+y) 
}

add(3,6)  //  9   함수 호출

1-2. 함수 표현식

▶  함수는 일급 객체이므로 변수나 자료 구조에 저장이 가능합니다. 이를 이용해서 할당하는 방식을 함수 표현식이라 합니다. 또한 함수표현식으로 정의한 함수는 함수명을 생략할수 있으며 이를 익명함수라고도 부릅니다.

 

// 함수 표현식//
const 변수명 = function(매개변수) {
   블록문 (실행문)
}

// 함수 표현식 예시//
const greeting = function(name) {
    return `hello ${name}`
}
greeting('joycoding')  // 'hello joycoding  함수호출

※ 함수 선언식과 표현식의 함수 호출 차이점

 

▶ 함수 선언식은 함수명을 통해 호출하면 되고 함수 표현식은 함수를 저장한 변수명을 호출하면 됩니다.

 

2. 매개변수 (Parameter, 인자)

---

▶  매개변수, 파라미터, 인자 모두 같은 말입니다. 함수에 추가적인 값이 필요할 경우 외부에서 함수내로 전달 시켜주는것이 매개변수입니다. 매개변수는 함수 내에서 변수가 된다고 생각하면 됩니다. 

 

// 매개변수에는 어떠한 값이건 전부 전달시킬수 있습니다 //

const para = function(p1,p2,p3,p4) {
         . . .
}

let arr = [1,3,4]
let obj = { temp : 20, name : 'joycoding'}

para('str' , 4, arr, obj)    // 예시입니다

3. 반환 ( Return)

---

▶ 함수는 자신을 호출한 코드에게 결과를 반환합니다. 쉽게 말해서 함수안에 어떠한 일을 하고 그결과를 렌더링을 통해서 결과 값을 출력하는 것입니다.  또 한 return을 만나면 해당 함수 블록문은 종료 됩니다.

 

const isOdd = function(num){
              if(num%2 === 0) return true
              return `${num}은 짝수가 아닙니다`
 }

isOdd(6)  // true
// 인자로 전달해준 값이 조건문에 해당되어 값이 리턴되고 코드가 종료 됩니다.

isOdd(3)  // "3은 짝수가 아닙니다"
// 전달 해준 인자가 조건문에 해당 되지 않아 코드가 끝까지 진행되고 마지막 리턴값으로 결과 반환합니다.