[SeSAC] JS_함수

// 선언식
function addVer1(num1, num2) {
  return num1 + num2;
}

// 표현식
const addVer2 = function (num1, num2) {
  return num1 + num2;
}

// 화살표 함수(Arrow Function)
const addVer3 = (num1, num2) => {
  return num1 + num2;
}

// Object Method
const calc = {
  // 선언식
  addVer4: function (num1, num2) {
    return num1 + num2;
  },
  // 선언식 축약형
  addVer5(num1, num2) {
    return num1 + num2;
  },
  // 화살표 함수
  addVer6: (num1, num2) => {
    return num1 + num2;
  }
}


const resultsVer1 = [addVer1(4, 6), addVer2(4, 6), addVer3(4, 6)]
const resultsVer2 = [calc.addVer4(4, 6), calc.addVer5(4, 6), calc.addVer6(4, 6)]

console.log(resultsVer1) // [ 10, 10, 10 ]
console.log(resultsVer2) // [ 10, 10, 10 ]

함수를 사용하는 방법을 한 곳에 모아봤다.

조금씩 형태가 다르긴 하나 모두 같은 역할을 담당한다.

 

특징이 하나 있다면 Object 안에 있는 함수는 메소드라 불린다

---

함수 구조

// 선언
function 함수이름([매개변수1[, 매개변수, ...]]) {
    // 기능
    // 실행할 코드
    return [반환값];
}

// 사용
함수이름([인자1[, 인자2, ...]]);

// [] : 생략 가능

• 선언시 입력(Input)되는 변수를 매개변수(Parameter)
• 사용시 전달(Input)되는 변수를 인자(Argument)

예시

function addVer1(num1, num2) {
  console.log(num1, num2)
  return num1 + num2;
}

함수 addVer1에 2가지 매개변수(파라미터)가 필요하며

console의 log함수에 2개의 인자(아규먼트)가 전달하여

인자들을 출력한다.

이후 연산결과는 함수를 호출한 부분으로 전달된다.

 

---

여러 개의 인수를 배열로 받을 수 있다.

function greetAll(...names) {
    for (name of names){
        console.log(`안녕하세요, ${name}님!`);
    }
}
greet("철수", "영희");

// 안녕하세요, 철수님!
// 안녕하세요, 영희님!