Modern JavaScript #4 함수

함수

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

const a = 1;
const b = 2;
const sum = a + b;

-> 함수로 바꾸기

function add(a, b) {
	return a+b;
}

const sum = add(1, 2);
console.log(sum);
// 3

함수를 만들 때는 function 키워드를 사용하며, 함수에서 어떤 값을 받아올지 정해주는데 이를 파라미터(매개변수)라고 부른다.
함수 내부에서 return 키워드를 사용하여 함수의 결과물을 지정할 수 있다.
return을 하게되면 함수가 끝난다. 그러므로 return 아래의 코드는 호출이 안된다.

템플릿 리터럴

function hello(name) {
  console.log('Hello, ' + name + '!');
}
hello('velopert');

문자열을 조합하기 위해 +연산자를 사용해도 되지만, 더욱 편하게 조합하는 방법이 있다.

• 템플릿 리터럴(Template Literal) 문법 사용

function hello(name) {
  console.log(`Hello, ${name}!`);
}
hello('velopert');

이때

console.log(`Hello, ${name}!`);
여기서 ` 는 작은 따옴표인 '가 아니라 ~와 같은 자판에 있는 `이다!

화살표 함수

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

const add = (a+b) => {
	return a+b;
}
console.log(add(1, 2));

function 키워드 대신에 => 문자를 사용해서 함수 구현
화살표의 좌측에는 함수의 파라미터, 화살표의 우측에는 코드 블록이 들어온다.

만약 코드 블록 내부에서 바로 return을 하는 경우 다음과 같이 줄여서 쓸 수 있다.

const add = (a,b) => a+b;
console.log(add(1,2));

위와 같이는 한 줄 일 경우에만 가능하고 여러 줄 일 경우 코드 블록을 사용