Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- 헌혈
- string
- compile
- AndroidDeveloper
- java
- 생활코딩
- Javapopup
- SQL문제풀이
- variable
- XHR
- fatal: Not a valid object name: 'master'
- class선택자
- 라즈베리파이
- jdoodle
- helloworld!
- 상위 N개 레코드
- 프로그래머스
- IOT
- initial commit
- Database
- CSS
- Math.
- 자바의정석
- Class
- id선택자
- Javascript
- HTML
- Java입문
- API
- Javaswing
Archives
- Today
- Total
Sun의 정리정돈
[Java script] 문법(함수, 제어문) 본문
함수,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
}
'FrontEnd > JavaScript' 카테고리의 다른 글
[Ajax] Ajax의 개념 (0) | 2023.01.25 |
---|---|
[Java script] 개요 (2) | 2022.11.08 |
Comments