함수
함수는 프로그램이 있어 가장 중요한 영역입니다. 함수는 실행문을 저장하여 사용할 수 있으며, 함수의 형태는 다양하기 때문에 다양한 함수의 사용방법을 익히고 해석 할 수 있어야 합니다.
함수
함수는 하나의 실행문을 저장하고 변수는 하나의 데이터를 저장하여 사용합니다. 함수는 스크립트 실행문을 보관하는 역할을 하기 때문에 반복 사용되는 코드를 구조화하거나 재활용을 목적으로 사용합니다.
함수에서 쓰는 용어
- 매개변수 : 함수에 자료를 넘기기 위한 변수
- 리턴 값 : 함수를 실행하고 나오는 결과 값
- 콜백함수 : 함수에 매개변수로 함수를 전달할 때 사용하는 함수
- 호출 : 함수 내부를 실행시킬 때 호출이라고 표현
Sample1 
함수를 사용하는 이유에 관한 예제입니다.
html
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>javascript</title>
<script>
//이것은 빨간색1 입니다.
//이것은 빨간색2 입니다.
//이것은 빨간색3 입니다.
//이것은 빨간색4 입니다.
//이것은 빨간색5 입니다.
//이것은 빨간색6 입니다.
//이것은 빨간색7 입니다.
//이것은 빨간색8 입니다.
//이것은 빨간색9 입니다.
//이것은 빨간색10 입니다.
for(var i=1; i<=10; i++){
document.write("이것은 빨간색"+i+"입니다.<br>");
}
for(var i=1; i<=10; i++){
document.write("이것은 검은색"+i+"입니다.<br>");
}
for(var i=1; i<=10; i++){
document.write("이것은 파란색"+i+"입니다.<br>");
}
function colorName(color){
for(var i=1; i<=10; i++){
document.write("이것은"+ color, i+"입니다.<br>");
}
}
colorName("빨간색");
colorName("파란색");
colorName("검은색");
</script>
</head>
<body>
</body>
</html>
