java나 다른 언어를 배울 때도 비슷한 예시로 공부를 하는데 예시를 한꺼번에 들어서 이해하기 더 쉬웠다.
만약 화면에 이름을 n번 띄우고 싶을 때 다음과 같은 예시를 보자
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
//상당히 비효율적인 코드 직접 타자로 치기
document.write("1, 홍길동 <br/>");
document.write("2, 홍길동 <br/>");
document.write("3, 홍길동 <br/>");
document.write("4, 홍길동 <br/>");
document.write("5, 홍길동 <br/>");
//반복문
for(var i=1; i<=5; i++){
document.write(i+ ". 홍길동 <br/>");
}
//함수
function callName(name){
for(var i=1; i<=5; i++){
document.write(i+ " . " + name + "<br/>");
}
}
callName("홍길동");
</script>
</body>
</html>
위의 3가지 예시는 모두 출력 결과는 같다 그런데 만약 매기는 번호가 달라지면?
직접 치는 코드 보다는 반복문을 이용하는게 좋을 것이다.
그런데 "홍길동"이 아닌 다른 이름을 쓰고 싶다면? 그리고 반복해서 출력하는 횟수를 바꾸고 싶다면?
일일히 반복문을 수정해주어야 할 것이다. 그래서 이때 함수를 사용하는 것이 효율적이다! 바로 "매개변수"를 이용해서!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
//함수 : 이름과 반복횟수 둘다 매개변수로 지정해주었음
function callName(name, count){
for(var i=1; i<=count; i++){
document.write(i+ " . " + name + "<br/>");
}
}
callName("홍길동", 10);
callName("신사임당", 3);
</script>
</body>
</html>
차이점이 보일까? 요러케 매개 변수로 이름과 반복횟수를 지정해주었기 때문에 출력할 이름과 횟수를 지정해주면 일일히 수정해줄 필요없이 사용할 수 있다!
function callName(name, count)
728x90
'JAVASCRIPT' 카테고리의 다른 글
| <javascript> 구구단 출력하기 (0) | 2022.04.29 |
|---|---|
| <javascript> 전역 변수와 지역 변수의 차이 (0) | 2022.04.29 |
| <jQuery> 떨리는 글자/ 이미지 (0) | 2022.04.25 |
| <jQuery> 글자 보이기 숨기기 (0) | 2022.04.25 |
| <JAVASCRIPT> 사용자의 의사 묻기 confirm (0) | 2022.02.21 |
