FrontEnd/JavaScript

[Java script] 문법(함수, 제어문)

Sunday31 2022. 11. 9. 21:38

함수,Function

함수(funtion): 어떤 기능을 가진 최소한의 작업단위
  (ex.계산기능, 저장기능(prompt), 출력기능(alert"출력문장"))
  -> 즉, 프로그램을 작성하기위한 최소한의 구성요소라고 할 수 있다.

  (ex.프로그램은 '회사', 함수는 '사원': 회사(프로그램)를 운영하기 위해서는 사원(함수)에게 지시해야 한다.
  매개변수는 '지시사항' )

Q. 왜 함수를 작성하는가?
A. 단순하고 반복적인 일을 효율적으로 처리하기 위해서 작성한다. 이는 소스코드의 양을 줄여주는 효과가 있다.

  • 함수 작성 형식
funtion 함수명(변수) {
	
}

 

  • 함수의 종류 = JAVA의 method
  1. 매개변수X 반환값X(=보고X): 단순하고 반복적인 일을 하는 경우
  2. 매개변수O 반환값X():데이터를 입력하여 계산, 저장, 출력등을 하는 경우
  3. 매개변수O 반환값O():데이터를 입력하여 계산이나 웹 프로그래밍 등을 하는 경우
<script>
var test; //변수선언: 공간 만들어주기
	
	//1. 매개변수X 반환값X(=보고X)
	function print1() {
		document.write("print1은 단순하고 반복적인 일을 주로 담당<br>");
		//()->매개변수 쓰는 란, return 반환값(보고할 내용 없음)
	}

	//2-1. 매개변수O 반환값X
	function print2(sum) { //매개변수: 함수가 받아서 처리해야할 값(문자, 숫자, 논리값)
		document.write("print2가 입력받은 값은 "+sum+"입니다.<br>"); //출력
	}
	//2-2. 매개변수O(2) 반환값X
	function print3(sum,sum2) { //계산
		document.write("print3이 계산한 sum+sum2= "+(sum+sum2)+"입니다.<br>");
	}
	
	//3. 매개변수O 반환값O
	function print4(sum,sum2) { //앞선 함수와 매개변수의 이름을 같게 쓸 수 있다.
		var result=sum+sum2; //함수 내부에 선언된 변수=지역변수: 함수내부에서만 사용가능함
		//[형식] return 계산한 결과값(변수) OR 수식(=계산식) OR 객체
		return result;
	}
  </script>

 

함수 호출

함수를 호출한다는 것은 함수에게 지시를 내리는 것이다.

함수 호출은 주로 사용자가 웹상에서 버튼을 누르거나 링크문자열을 클릭할 때 사용한다.

  • 함수 호출 작성 형식
함수명(); OR 함수명(변수, 변수2...);
  • 반환값이 있는 함수 호출 작성 형식
var 전달받을 변수명=호출할 함수명(매개변수)


그냥 print4( , );으로 작성하면 함수를 호출하기만 하고 리턴하지 않은 상태
그래서 변수선언해준 뒤 변수가 전달받아 반환할 수 있게 해주어야 한다.

 var 전달받을 변수명=호출할 함수명(매개변수)

var hap=print4(10,20); //1. 변수에 함수를 저장해주고
document.write("print4의 반환값은 "+hap+"입니다.<p>");//2-1.변수를 불러와준다.
document.write(print4(30,40)); //2-2.반환받아서 바로 출력하는 방법

 


내장함수

JavaScript 내장함수 종류  
alert 알림창을 띄워 경고성 문구를 출력
if 조건문(둘 중 하나의 조건에 따라 실행)
prompt 알림창을 띄워 입력값을 받음
confirm 알림창을 띄워 true/false의 입력값을 받음
  • alert
    • window.alert(" ");
    • alert(" ");
  • if
    • if () { } 
  • prompt
    • var 변수명=prompt("");
  • confirm
    • var 변수명=confirm("");

제어문

  • 조건문
    • if
    • else
    • else if
  • 선택문
    • switch
  • 반목문
    • whlie
    • for

제어문(조건문 if /else /else if)

 

if(조건식1) {  //조건식1이 맞으면 수행1, 맞지않으면 조건식2로 넘어감
		수행1
	} else if (조건식2) {
		수행2
	} else if (조건식3) {
		수행3
 	} else {
    	수행나머지n
       }