티스토리 뷰

Javascript

[Javascript] 함수의 사용형태

함수의 사용형태

함수는 사용 형태에 따라 익명 함수, 선언적 함수, 매개변수가 있는 함수, 리턴값이 있는 함수로 구분됩니다.

함수의 사용형태

함수는 사용 형태에 따라 익명 함수, 선언적 함수, 매개변수가 있는 함수, 리턴값이 있는 함수로 구분됩니다.

선언적 함수

function 함수이름(){
     //실행 코드
}
함수이름(); //함수 호출

Sample : 선언적 함수
<!DOCTYPE html>
<html lang="ko">
    <head>
    	<meta charset="utf-8">
        <title>자바스크립트(JavaScript)</title>
        <script type="text/javascript">
			function func1(){	//function1 생성 
				document.write("function1이 실행되었습니다.");
				document.write("<br />");
			}
			func1();	
        </script>
    </head>
    
    <body>
	...
    </body>
</html>   

익명 함수

var 변수이름 = function(){
     //실행 코드
}
변수이름(); //함수 호출

Sample : 익명 함수
<!DOCTYPE html>
<html lang="ko">
    <head>
    	<meta charset="utf-8">
        <title>자바스크립트(JavaScript)</title>
        <script type="text/javascript">			
			var func2 = function(){
			document.write("2.함수가 실행되었습니다.");
		 	document.write("<br>");
		}
		func2();
        </script>
    </head>
    
    <body>
	...
    </body>
</html>   

매개변수가 있는 함수

function 함수이름(매개변수1, 매개변수2,.....){
     //실행내용
}
함수이름(매개변수1, 매개변수2,.....); //실행함수

Sample : 매개변수가 있는 함수
<!DOCTYPE html>
<html lang="ko">
    <head>
    	<meta charset="utf-8">
        <title>자바스크립트(JavaScript)</title>
        <script type="text/javascript">			
			function func3(name){
			document.write(name);
			document.write("
"); } func3("3.함수가 실행되었습니다."); </script> </head> <body> ... </body> </html>

리턴값이 있는 함수

function 함수이름(){
     //실행내용
     return 리턴값;
}

Sample : 리턴값이 있는 함수
<!DOCTYPE html>
<html lang="ko">
    <head>
    	<meta charset="utf-8">
        <title>자바스크립트(JavaScript)</title>
        <script type="text/javascript">
			function func4(){
			var str = "4.함수가 실행되었습니다.";
			return str;
		}
		var value = func4();
		document.write(value);
        </script>
    </head>
    
    <body>
	...
    </body>
</html>     
댓글
댓글쓰기 폼