function

2021 프론트 엔드 로드맵 따라가기/JS

알 수 없는 사용자 2021. 5. 28. 08:10

함수를 만들 때 매개변수의 기본 값을 설정할 수 있다.

아래의 코드는 매개변수의 기본 값이 존재하기 때문에 정상적으로 작동한다.

function addNums(num1 = 1, num2 = 1) {
    console.log(num1 + num2);
}
addNums();

es6 또는 es2015 부터는 화살표 함수 표현을 이용할 수 있다.

아래는 위와 같은 코드이다.

const addNums = (num1 = 1, num2 = 1) => {
    return num1 + num2;
}
console.log(addNums(5, 5));

만약 화살표 함수의 내용이 한 문장으로 이루어져있다면 다음과 같이 축약 표현이 가능하다.

괄호가 사라지고 return 키워드가 없어진 것을 확인할 수 있다.

const addNums = (num1 = 1, num2 = 1) => num1 + num2;
console.log(addNums(5, 5));

화살표함수의 매개변수가 하나이며 초기화 과정이 없을 경우 아래와 같이 축약이 가능하다.

매개변수의 괄호가 사라진 것을 확인 가능하다.

const addNums = num1 => num1 + 5;
console.log(addNums(5));

화살표 함수를 사용할 때의 this 키워드가 다르게 작동한다는데 이 부분은 공부가 더 필요하다.

IFFE(Immediately invoked function expression)

즉시실행함수표현. 정의 되자마자 실행됨.