함수

데이터를 저장할 때 변수를 선언하여 저장했습니다. 변수에는 데이터만 저장할 수 있고, 코드는 저장할 수 없습니다. 하지만 함수를 사용하면 코드를 메모리에 저장했다가 필요할 때 마다 호출하여 사용할 수 있습니다.

함수

함수는 하나의 실행문을 저장하고 변수는 하나의 데이터를 저장하여 사용합니다. 함수는 스크립트 실행문을 보관하는 역할을 하기 때문에 반복 사용되는 코드를 구조화 하거나 재활용을 목적으로 사용합니다.

함수에서 사용되는 용어

매개변수: 함수에 자료를 넘기기 위한 변수 리턴값: 함수를 실행하고 나오는 결과 값 콜백함수: 함수에 매개변수로 함수를 전달할 때 사용하는 함수 호출: 함수 내부를 시킬 때 호출이라고 표시

함수를 사용하는 이유

for(let i=1; i<=100; i++){
    document.write("이것은 빨간색" + i + "입니다.<br>");
}

for(let i=1; i<=100; i++){
    document.write("이것은 검은색" + i + "입니다.<br>");
}

for(let i=1; i<=100; i++){
    document.write("이것은 파란색" + i + "입니다.<br>");
}

// 함수를 사용하면 더 쉽게 작업할 수 있다.
//colorName(color)의 color는 매개변수
function colorName(color){
    for(let i=1; i<=10; i++){
        document.write("이것은"+ color, i + "입니다.<br>");
    }
}
colorName("빨간색");
colorName("파란색");
colorName("검정색");

함수를 사용하면 더 쉽게 작업 할 수 있다. 위의 function colorName(color)의 color는 매개변수