함수의 기초

 

✔️반복문을 활용하여 텍스트 출력

for(var i=1;i<=5;i++)
document.write(i+".bibimking<br>");
// 만약 반복횟수를 늘리고자 한다면 숫자를 5에서 10으로 조정

 

"웹동네", "짱아", "딴동네" 이름을 다섯번씩 출력해주세요.

for(var i=1;i<=5;i++)
document.write(i+".웹동네<br>");

for(var i=1;i<=5;i++)
document.write(i+".짱아<br>");

for(var i=1;i<=5;i++)
document.write(i+".딴동네<br>");

>> 위 코드의 문제점 가령 '입니다'를 붙여야 한다고 했을때 반복해서 다시 작업해야함

 

✔️코드중복 제거 및 코드 재사용을 위한 방법[함수]

//함수 정의 (재사용할 코드를 포장하는 기술)
function showName(name){
	for(var i=1; i<=5;i++)
    	document.write(i+"."+name+"입니다.<br>");
        }
        
        // 함수호출 (함수를 동작하게 하려면
        // 함수 호출이라는 것을 해줘야 합니다.)
        
        showName("웹동네");
        showName("짱아");
        showName("딴동네");

 

만약 이 코드에서 웹동네는 5번, 짱아는 10번 딴동네는 7번으로 변경해야한다면 

함수의 매개변수(파라미터/인수)를 이용하여 유지보수하기 좋은 코드로 활용할 수 있습니다.

 

▼아래와 같음 ▼

//함수 정의 (재사용할 코드를 포장하는 기술)
function showName(name){
	for(var i=1; i<=5;i++)
    	document.write(i+"."+name+"입니다.<br>");
        }
        
        // 함수호출 (함수를 동작하게 하려면
        // 함수 호출이라는 것을 해줘야 합니다.)
        
        showName("웹동네", 5);
        showName("짱아", 10);
        showName("딴동네", 7);

 

추가로 철수 3번 영희 6번을 출력해야할 경우

showName("철수", 3);

showName("영희", 6);

 

이렇게 해주면 됩니다.

---

 

✔️함수의 구조 3가지

함수를 정복하기위해서는 다음과 같은 함수와 관련된 개념들을 알아야합니다.

• 매개변수(파라미터 또는 인수)
• 지역변수와 전역변수
• 리턴값
• 함수 호출
• 함수 정의
• 함수 리터럴
• 함수 이름 규칙

---

첫 번째: 일반적인 함수

function 함수이름(){

              실행구문;

}

 

두 번째: 매개변수가 있는 함수

function 함수이름([매개변수 1 [, 매개변수 2[, . . .]]){

              실행구문;

}

세 번째: 리턴값이 있는 함수

function 함수이름([매개변수 1[, 매개변수 2[, . . . ]]){

              실행구문;

              return 실행결과;

]