JavaScript-함수

※ 강의를 듣고 제가 이해한 것을 바탕으로 정리한 것이라서 오류가 있을 수 있습니다.

 

 

1. 기본 함수 문법

// 파라미터(매개변수)로 두개의 값을 받아와서 덧셈을 하는 함수
function add(a, b) {
  return a + b;
}


const sum = add(1, 2); // 함수 호출

console.log(sum); // 출력

함수는 특정 코드를 하나의  명령으로 실행 할 수 있게 해주는 기능이다.

 

함수를 만들때는 function이라는 키워드를 사용하며 뒤에 함수명을 정해준 뒤

함수에서 어떤 값을 받아 올지 정해주는 파라미터를 지정해준다.

 

함수 내부에서는 return이라는 키워드를 사용하여 함수의 결과물을 지정 할 수 있다.

그리고 return을 하게 되면 함수는 종료된다.

 

실행 결과

 

function hello(name) {
    return `hello ${name}!`; // 키보드 ~와 같이 있는 기호 ` (백틱)
}

const result = hello('program exeplorer');
console.log(result);

이 함수는 문자열을 조합하는 함수인데 문자열을 조합 할때는 조합 하고자 하는 문자열에 ` (백틱)으로

감싸주고 위와 같이 파라미터로 받고자 하는 문자열이 들어갈 곳에 ${파라미터명}을 적어주면 된다.

 

실행 결과

 

 

 

2. 화살표 함수

함수를 선언하는 또 다른 방법은 화살표 함수 문법을 사용하는 것이다.

 

const add = (a, b) => {
  return a + b;
};

console.log(add(1, 2));


const add = (a, b) => a + b; // 코드 블록 내부에서 바로 리턴하는 경우 이렇게 줄이는 것도 가능
console.log(add(1, 2));

화살표의 왼쪽에는 파라미터, 오른쪽에는 함수의 코드 블록이 온다.

 

코드 블록 내부에서 바로 리턴하는 경우에는 위의 2번째 코드처럼 한줄로 줄이는 것도 가능하다.