FrontEnd/JavaScript
[Java script] 문법(함수, 제어문)
Sunday31
2022. 11. 9. 21:38
함수,Function
함수(funtion): 어떤 기능을 가진 최소한의 작업단위
(ex.계산기능, 저장기능(prompt), 출력기능(alert"출력문장"))
-> 즉, 프로그램을 작성하기위한 최소한의 구성요소라고 할 수 있다.
(ex.프로그램은 '회사', 함수는 '사원': 회사(프로그램)를 운영하기 위해서는 사원(함수)에게 지시해야 한다.
매개변수는 '지시사항' )
Q. 왜 함수를 작성하는가?
A. 단순하고 반복적인 일을 효율적으로 처리하기 위해서 작성한다. 이는 소스코드의 양을 줄여주는 효과가 있다.
- 함수 작성 형식
funtion 함수명(변수) {
}
- 함수의 종류 = JAVA의 method
- 매개변수X 반환값X(=보고X): 단순하고 반복적인 일을 하는 경우
- 매개변수O 반환값X():데이터를 입력하여 계산, 저장, 출력등을 하는 경우
- 매개변수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
}