hello()라는 함수를 만들어서 기본적인 유지보수 쉽게 만들기

//중복코드 포장하기
function hello(){
document.write("안녕하세요. 환영합니다.","<br>");}

// 함수를 호출하기
hello();
hello();
hello();

 

예제 prinStar라는 함수로 만들어 간결하게 만들어주세요

 

동일한코드 간단하게 만들기[기존코드]

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);

-> 위의 코드는 완전히 동일하게 보이고 있습니다.

이런건 보이는 즉시 없애줘야합니다.

 

진행방법[함수 적용]

//중복코드를 printStar()함수에 포장해줍니다.

function printStar(){
	var star="";
    for(var i=1;i<=5;i++){
    	for(var m=0;m<i;m++){
        	star+="*";
            }
            star+="<br>";
           }
           document.write(star);
        }
//마지막으로 함수를 두번 호출해줍니다.

printStar();
printStar();

 

 

기본적인 개념 한번 더 체크

fucntion 함수이름() {

여러개의 
변수+연산자+형변환+조건문+반복문을
활용해 만들어진 특정 기능을 하는 구문(알고리즘)

}

'프론트엔드 > javascript' 카테고리의 다른 글

함수의 기초  (3) 2024.06.11
if문 소개 - 논리비교연산자 연동  (3) 2024.06.10

+ Recent posts