함수란 ?

학습정리 학습준비 학습전개 함수란? • 함수란 : 반복되는 특정한 일을 하기 위해 모아 놓은 코드의 집합체이다. • 프로그램에서 사용할 경우 반복되는 작업을 한 함수에서 처리하면 다음과 같은 장점이 있다. • 코드 길이가 짧아진다. • 프로그래밍에 드는 노력도 절감된다. • 구조적 프로그래밍이 가능해진다.

학습정리 학습준비 학습전개 함수 정의 예제 : 10_1.html • 함수는 <HEAD>태그 안에 정의되어야 한다. • function키워드를 사용한다. • 함수의 이름 규칙 • 기억장소(변수)의 명명법과 동일 • 형식 function함수이름(파라미터1, 파라미터2.......) { 문장들 }

학습정리 학습준비 학습전개 함수 호출 예제 : 10_2.html • 페이지상의 거의 모든 곳에서 몇 번이고 함수를 호출할 수 있다. • HTML문서가 적재될 때 함수는 메모리에 적재되며 호출을 기다리게 되고, 따라서 함수는 함수의 호출 없이는 수행되지 않는다.

매개 변수가 없는 함수 예제 : 10_4.html 학습정리 학습준비 학습전개 • 단순히 매개변수(parameter) 없이 함수만 호출해 반복적인 문장을 수행하는 경우에 사용된다. • 반복사용되는 문장들을 간소화해 빠르게 코딩할 수 있다. • 형식 function함수이름( ) { 문장들 } <HTML> <HEAD> <TITLE>매개변수없는함수</TITLE> <SCRIPT LANGUAGE = "JavaScript"> function test1() { document.write("test1함수실행<br>"); } test1(); test1(); test1(); </SCRIPT> </HEAD> <BODY> </BODY> </HTML>

학습정리 학습준비 학습전개 Example 1 예제 : 10_5.html

매개 변수가 있는 함수 예제 : 10_6.html 학습정리 학습준비 학습전개 • 되돌리는 값이 없는 함수는 단순히 매개변수를 이용해 함수를 호출해 처리한 후 반환되는 값없이 수행되어지는 함수를 말한다. • 형식 function함수이름(매개변수1, 매개변수2, .......) { 문장들 } var irum="갑돌이"; function test1(name) { alert("나의 이름은 "+name+" 입니다<br>"); } test1("홍길동"); test1(irum);

학습정리 학습준비 학습전개 Example 3 예제 : 10_9_1.html

Return문이 있는 함수 예제 : 10_10.html 학습정리 학습준비 학습전개 • 리턴 값이 있는 함수는 함수를 호출해 작성된 function() 내에서 문장을 수행한 후 결과 값을 리턴하는 경우에 사용되어 진다. • 리턴 값은 return명령에 의해 함수를 호출한 문장으로 반환된다. • 형식 function함수이름(매개변수1, 매개변수2, .......) { 문장들 ....... return 리턴할 값 또는 변수 } var num1, num2; function test1(a,b) { sum=a+b; return sum; } num1=4; num2=5; result=test1(num1,num2); document.write(result);

함수란 ?

함수란 ?

Presentation Transcript