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>'웹 > JAVA SCRIPT' 카테고리의 다른 글
| [코딩 공부_88] 객체(object), 프로퍼티(property), 메소드(method) (0) | 2021.06.03 |
|---|---|
| [코딩 공부_87] for문, switch문 (0) | 2021.06.03 |
| [코딩 공부_86] scope, const, 연산자, if문(조건문) (0) | 2021.06.01 |
| [코딩 공부_85] Return에 대하여 (0) | 2021.05.30 |
| [코딩 공부_83] JS 첫걸음, 기초 공부 (0) | 2021.05.26 |
댓글