웹/JAVA SCRIPT
[코딩 공부_84] function과 parameter
BEE_0o0
2021. 5. 27. 23:37
function과 parameter에 대해 배웠다 참 복잡미묘한 친구들인 거 같다
어려운 거 같기도 하고 아닌 거 같기도 하고! 잘모르겠당,,
1. function(함수) : 명령들의 모임, 함수를 선언하고 실행할 수 있다
- 반복을 줄여준다
- 재사용 가능하다
- 일관성 유지
- 버그 발생률이 떨어진다
- 추상화다
2. Parameter(파라미터) : 값을 전달한다
쉽게 설명하자면, 믹서기(function)는 과일(parameter)을 입력받아 주스를 출력하는 함수와 같다.
<실습>
1. 과일 값 계산하기
- 알파카는 퇴근길에 마트에 들러 오랜만에 장을 봤습니다. 아래와 같이 감자, 복숭아, 사과를 구입하였습니다
- 감자 5개, 복숭아 10개, 사과 2개
- 감자 : 2000원, 복숭아 3700원, 사과 : 5000원
- 가격은 오른쪽 표와 같습니다. 감자, 복숭아, 사과의 개수를 입력받고 가격을 계싼하는 martCalculator함수를 작성해주세요
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>multi param</title>
</head>
<body>
<script>
function martCalcul(potatoNum, peachNum, appleNum){
var potatoPrice = 2000;
var peachPrice = 3700;
var applePrice = 5000;
var totalPrice = (potatoPrice *potatoNum) + (peachPrice*peachNum) + (applePrice*appleNum);
console.log("감자 "+ potatoNum +"개, 복숭아 " + peachNum +"개, 사과 " + appleNum+ "개를 구입합니다");
console.log("알파카가 과일 값으로 지불할 총 금액은 " + totalPrice +"원 입니다.");
}
martCalcul(3, 5, 10);
</script>
</body>
</html>
2. 자기소개하기
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>multi param</title>
</head>
<body>
<script>
function introdue(name, age, goal){
console.log("안녕하세요~");
console.log("제 이름은 " + name + " 입니다");
console.log("나이는 " + age + "살 입니다");
console.log("제 목표는 " + goal + "입니다");
}
introdue("알파카", 123, "웹퍼블리셔 취업");
</script>
</body>
</html>