[Javascript/ES6+] Default Value

출처

자바스크립트 ES6+ 기본 - 인프런 | 강의

 

---

 

🚀 Default Value

 

◽ Default Value란?

값을 할당하지않으면 사전에 정의된 값을 할당하는 개념

 

[코드 1: 할당할 값이 없으면 디폴트 값을 할당]
const [one, two, five = 50] = [10, 20];
console.log(five);

[실행결과]

50

 

[코드 2: 할당할 값이 있으면 디폴트 값을 무시]
const [one, two, five = 50] = [10, 20, 70];
console.log(five);

[실행결과]

70

 

[코드 3: Object는 프로퍼티 이름으로 체크]
const {one, two = 20} = {one: 10};
console.log(two);

[실행결과]

20

 

[코드 4: 디폴트 값의 적용 순서]
// 왼쪽에서 오른쪽으로 적용된다.
const [one, two = one+20, five=two+50] = [10];
console.log(two);
console.log(five);

[실행결과]

30

80

---

◽ 함수의 파라미터에 디폴트 값 적용

[코드 1: 넘겨받은 파라미터 값이 없으면 디폴트 값을 할당]
const add = (ten, two=20) => ten + two;
const result = add(10);
console.log(result);

[실행결과]

30

 

[코드 2: 넘겨받은 파라미터 값이 있으면 디폴트 값을 무시]
const add = (ten, two=20) => ten + two;
const result = add(10, 50);
console.log(result);

[실행결과]

60

 

[코드 3: 파라미터 값이 undefined일 때]
const point = () => 20;
const add = (one, two=point()) => one + two;
// undefined는 값을 넘겨주지 않은 것과 같다.
const result = add(10, undefined);
console.log(result);

[실행결과]

30