Parameter

// name = 파라미터(Parameter)
function greeting(name) {
  console.log(`Hi! My name is ${name}!`);
}

// JavaScript / Codeit / World = 아규먼트(Argument)
greeting('JavaScript'); // Hi! My name is JavaScript!
greeting('Codeit'); // Hi! My name is Codeit!
greeting('World'); // Hi! My name is World!

 

- 파라미터값이 비어있을 경우: undefined로 반환

function greeting(name) {
  console.log(`Hi! My name is ${name}!`);
}

greeting(); // Hi! My name is undefined!

 

- 파라미터에 할당연산자를 활용하여 기본값을 작성하게 될 경우: 기본값으로 반환

function greeting(name = 'Codeit') {
  console.log(`Hi! My name is ${name}!`);
}

greeting(); // Hi! My name is Codeit!

 

- 2개 이상의 파라미터가 존재한다면 순서대로 기본값 반환 후 undefined로 반환

- 기본값이 필요한 파라미터는 가급적 오른쪽으로 작성하는 것을 권장

function greeting(name = 'Codeit', interest) {
  console.log(`Hi! My name is ${name}!`);
  console.log(`I like ${interest}!`);
}

greeting('JavaScript');
// Hi My name is JavaScript!
// I like undefined!

 

- undefined값을 사용하면 기본값으로 반환

function greeting(name = 'Codeit', interest = 'JavaScript') {
  console.log(`Hi! My name is ${name}!`);
  console.log(`I like ${interest}!`);
}

greeting(undefined, 'Python'); 
// Hi! My name is Codeit!
// I like Python!

function defaultTest(x, y = x + 3) {
  console.log(`x: ${x}`);
  console.log(`y: ${y}`);
};

defaultTest(2);
// x: 2
// y: 5

 

QUIZ

다음 코드를 실행했을 때 콘솔에 출력되는 결과로 올바른 것을 선택해주세요.

function introduce(name = '홍길동', birth = 1443) {
  console.log(`안녕하세요 저는 ${name}입니다.`);
  console.log(`${birth}년에 태어났습니다.`);
}

introduce('장동건');
introduce('Joy', null);
introduce(undefined, 2090);

/*
안녕하세요 저는 장동건입니다.
1443년에 태어났습니다.
안녕하세요 저는 Joy입니다.
null년에 태어났습니다.
안녕하세요 홍길동입니다.
2090년에 태어났습니다.
*/