본문 바로가기

Webstoryboy

Category

Explanation

JAVASCRIPT

[Javascript] 함수

함수

함수는 프로그램이 있어 가장 중요한 영역입니다. 함수는 실행문을 저장하여 사용할 수 있으며, 함수의 형태는 다양하기 때문에 다양한 함수의 사용방법을 익히고 해석 할 수 있어야 합니다.


함수

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

함수에서 쓰는 용어

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

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>

더보기

인스타그램 보기 바로가기

포트폴리오 스터디 바로가기

유튜브 영상보기 바로가기