함수만드는 방법

▶ 1단계 

먼저 코드에서 함수로 포장할만한 중복 코드나 재사용 로직이 있는지 확인해본다.

 

▶ 2단계

중복된 코드를 담을 빈함수를 만들어준다.

function 함수이름(){
	실행구문;(포장할 내용을 여기에 작성)
}

▶ 3단계

만들어진 빈함수에 중복 코드를 포장해준다.

 

▶ 4단계

함수호출을 만들어준다.

 

 

예제)

        var star = "";
        for (var i = 1; i <= 5; i++) {
            for (var m = 0; m < i; m++) {
                star += "*";
            }
            star += "<br>";
        }
        document.write(star);

        var star = "";
        for (var i = 1; i <= 5; i++) {
            for (var m = 0; m < i; m++) {
                star += "*";
            }
            star += "<br>";
        }
        document.write(star);

다음과 같이 함수가 중복되어 있을 때

 

        function StarWrap (){

        }

StarWrap이라는 이름의 빈 함수를 만들어준다.

 

        function StarWrap (){
		var star="";
            for(var i=1;i<=5;i++){
                for(var m=0;m<i;m++){
                    star+="*";
                }
                star+="<br>";
            }
            document.write(star);
        }

빈 함수 안에 중복된 코드를 넣어준다.

 

        function StarWrap(){
		var star="";
            for(var i=1;i<=5;i++){
                for(var m=0;m<i;m++){
                    star+="*";
                }
                star+="<br>";
            }
            document.write(star);
        }
        
       StarWrap();  

함수를 호출한다.