함수
1. Function 란?
반복되는 일련의 문장등을 하나의 단위로 묶어 놓은 집합으로 정의 부분에서 미리 정의하고 필요할때마다 호출하여 사용한다.
2. 정의하기와 호출하기
<HEAD>
<SCRIPT language="JavaScript">
<!-
function 함수명(매개변수 list)
{ 함수내용;
[return 되돌려주는 값]
} -----> return 값이 없는경우 생략한다.
//-->
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT language="JavaScript">
함수명(인수값 list) ----------------> 인수값이란 함수의 매개변수에 대칭되는 전달값.
</SCRIPT>
</BODY>
3. 매개변수: 함수에 전달되는 값을 받는 변수
- 지역변수 : 함수 내부에서 선언한 변수. 함수 밖에서는 무효
함수내부에 var 로 변수선언
- 전역변수 : 함수 밖 문서 전체에 변수의 내용이 정의된다. 모든 함수에 유효
var 로 선언되지 않은 모든 변수가 해당됨
- 재귀변수 : 함수정의부에서 정의한 자신의 함수를 호출하는 것
--> 무한 loop 나 system down등을 일으킬 수 있으므로 주의해서 사용할 것
내장함수
자바스크립트에서 기본적으로 제공하는 함수
2. alert() : 확인버튼이 있는 메시지 창 띄우기 ----> 경고 및 공지사항 안내문에 사용
alert("메시지창에 들어갈 문자열")
3. confirm() : 확인과 취소버튼이 있는 메시지창 띄우기 , if문과 함께 사용한다.
변수1 = confirm("메시지창에 들어갈 문자열")
if (변수1 == true ) 문장1 ---------> 확인버튼을 누르면 return값은 true , 문장1 수행
else 문장2 ---------------> 취소버튼을 누르면 " false, 문장2 수행
4. prompt() : 사용자로부터 문자열을 입력받는다. 비밀번호확인, 주민등록번호 확인시 사용
변수1 = prompt("대화상자에 나타날 문자열","입력창에 나타날 문자열")
if (변수1) 문장1 ------------> 입력문자가 있고 확인버튼을 누르면(!null) 문장1 수행
else 문장2 ----------------> 입력문자가 없거나 취소버튼을 누르면(null) 문장2 수행
5. eval(수식) : 계산 수식을 매개변수로 받아 수식계산
숫자나 변수로 구성된 수식, 변수자체가 매개변수가 될수 있다.
6. 변환함수
- escape("문자열") : 문자열을 ASCII 코드로 변환
- unescape("ASCII코드") : ASCII 코드를 문자열로 변환
- parseInt("문자열") : 문자열을 정수로 변환 .
소숫점아래는 생략하고 수치가 아니면 NaN(Not a Number)을 표시한다.
- parseFloat("문자열") : 문자열을 부동소수점으로 변환
소숫점아래까지 표시하고 수치가 아니면 NaN을 표시한다.
7. 판별함수
- isFinite(숫자) : 입력값이 무리수인지 유리수인지 판별하여 유리수이면 true값 반환
- isNaNO(숫자나 문자열) :입력값이 숫자인지 문자인지 판별하여 숫자가 아니면 true값 반환
Object, Method, Event Handler
자바스크립트는 함수를 이용하여 객체를 만들수 있으나 객체를 정의하는 부분이 제한적이다.
※ 객체지향(Object-Oriented) : 객체(대상)을 새로 만들어 내는 것
객체기반(Object-Based): 만들어져 있는 객체를 사용하는 것
2. 객체의 속성정의 : 생성자 함수를 이용
function 함수명(매개변수 list){
this.객체의 속성 = 속성값 }
생성할 객체 = new 함수명(인수값 list) ---> new는 새로운객체를 만드는 연산자
생성할 객체2 = new 함수명2(생성된객체1) ---> 생성된 객체 자체가 속성으로 적용될 수 있다.
del 객체명 ------------------------> del 은 생성되어 있는 객체를 삭제하는 연산자
3. 메소드(Method)란? 객체를 어떻게 이용할지에 대한 방법을 지정.
미리 실행할 문장이나 내용을 함수로 정의하여 생성자함수에서 이용한다.
function 함수명1(){ 실행할 문장 }
function 함수명2(매개변수 list){
this.속성1 = 속성값;
this.메소드속성 = 함수명1 }
생성할 객체 = new 함수명2(인수값 list)
생성할 객체.메소드속성()
4. 이벤트(Event)란? 수행능력을 하기 위한 조건
이벤트 핸들러(Event Handler) : 이벤트를 자바스크립트에서 인식할 수 있게 사용하는 명령어
이벤트핸들러 표기법 : On이벤트명 = "이벤트발생시 실행할 작업"
※ 속성이나 메소드, 이벤트핸들러는 각 객체마다 다르게 구성된다.
이벤트 핸들러의 종류
- OnMouseOver : 마우스 포인터가 롤오버됐을 때
- OnMouseOut : 마우스 포인터가 벗어났을 때
- OnMouseUp : 마우스를 클릭했다 놓았을 때
- OnMouseDown : 마우스를 누르고 있을때
- OnMouseMove : 마우스를 움직였을 때
- OnClick : 마우스를 클릭했을 때
- OnDbclick : 마우스를 더블클릭 했을때
2. 키보드 관련 동작
- OnKeyDown : 키보드의 키을 입력했을 때
- OnKeyPress : 키보드의 키를 눌렀을 때
- OnKeyUp : 키보드의 키를 누른 후 놓았을때
3. 브라우저등의 객체관련
- OnBlur : 해당 포커스가 이동되었을 경우
- OnFocus : 대상에 포커스가 들어왔을 경우
- OnLoad : 대상을 열기 시작한 경우
- OnUnload : 대상을 완료(종료)했을 경우
- OnMove : 윈도우가 이동되었을 경우
- OnResize : 윈도우의 크기를 변경하였을 경우
4. 입력양식관련
- OnChange : 입력되었던 값이 변경될 경우
- OnSelect : 입력양식의 한 필드를 선택했을 경우
- OnSubmit : 입력양식을 서버로 전송하는 경우
- OnReset : 재시작 했을 경우
- OnAbort : 대상을 Load하다 도중에 종료했을 경우
- OnError : 에러가 났을 경우
'IT > JavaScript' 카테고리의 다른 글
브라우저, 윈도우 객체 (0) | 2013.06.29 |
---|---|
내장개체(String, Date, Math, Array, Function, Screen, Number, Event (0) | 2013.06.29 |
Java Script 기본구조 (0) | 2013.06.28 |
JavaScript 내장함수 (0) | 2013.06.27 |
JavaScript 변수 (0) | 2013.06.27 |