- 함수의 파라미터를 활용하면 전달되는 값에 따라 다양한 결과값을 얻을 수 있음
옵셔널 파라미터
- 함수의 파라미터값을 전달해도 되고 생략가능 -> 선택적으로 전달을 받음
- 선언을 할 때, 생성한 다음 반드시 뒤쪽으로 선언해줘야 함
function sayHello(name) {
console.log(`안녕하세요 ${name}님!`);
}
sayHello('뽀로로'); // 안녕하세요 뽀로로님!
sayHello('좋아요'); // 안녕하세요 좋아요님!
sayHello('사랑해'); // 안녕하세요 사랑해님!
sayHello(); // 안녕하세요 undefined님!
let x; // 함수를 선언하고 아무런 값을 할당하지 않음
console.log(x); // undefined
console.log(sayHello('뽀로로월드')); // 안녕하세요 뽀로로월드님! // undefined
function introduce(name, age, mationality = '한국') {
console.log(`제 이름은 ${name}입니다.`);
console.log(`나이는 ${age}살이고,`);
console.log(`국적은 ${nationality}입니다.`);
}
// 값을 모두 전달한 경우
introduce('뽀로로', 4, '러시아');
/*
제 이름은 뽀로로입니다.
나이는 4살이고,
국적은 한국입니다.
*/
// 파라미터 값을 생략한 경우
introduce('뽀로로', 4);
/*
제 이름은 뽀로로입니다.
나이는 4살이고,
국적은 한국입니다.
*/
실습
코드웨잇은 신선하고 건강한 글로벌 No.0 샌드위치 브랜드입니다. 코드웨잇은 세트 메뉴로 샌드위치와 음료를 함께 제공하는데요. 세트 메뉴 주문 시 따로 말씀하지 않으시면, 음료는 스프라이트가 기본으로 제공됩니다.
샌드위치 이름(sandwich)과 음료 이름(drink)을 입력받고, 다음과 같은 문구를 추력하는 함수(orderSetMenu())를 만들어주세요.
function orderSetMenu(sandwich, drink = '스프라이트') {
console.log(`주문하신 ${sandwich}, ${drink} 세트 메뉴 나왔습니다!`);
}
// 테스트 코드
orderSetMenu('코드웨잇 클럽');
orderSetMenu('터키베이컨 아보카도', '코카콜라');
orderSetMenu('코드웨잇 멜트');
orderSetMenu('이탈리안 비엠티', '닥터페퍼');
orderSetMenu('에그마요', '환타 오렌지');
실습 결과
주문하신 코드웨잇 클럽, 스프라이트 세트 메뉴 나왔습니다!
주문하신 터키베이컨 아보카도, 코카콜라 세트 메뉴 나왔습니다!
주문하신 코드웨잇 멜트, 스프라이트 세트 메뉴 나왔습니다!
주문하신 이탈리안 비엠티, 닥터페퍼 세트 메뉴 나왔습니다!
주문하신 에그마요, 환타 오렌지 세트 메뉴 나왔습니다!
'Codeit > JavaScript' 카테고리의 다른 글
| 상수 (0) | 2024.08.05 |
|---|---|
| 변수의 scope (0) | 2024.08.05 |
| return과 console.log의 차이 (0) | 2024.08.05 |
| return문 제대로 이해하기 (0) | 2024.08.05 |
| 함수의 실행 순서 (0) | 2024.08.04 |