[ 자바스크립트 JavaScript ] 객채에서 자주 사용되는 키워드 (this, with, for in, typeof)
1. this 키워드
this는 객체의 메소드나 이벤트 핸들러가 호출되었을 때 그 객체 자신을 의미하며 현재 객체를 참조하기 위해 사용한다.
즉, 객체 자신의 이름을 사용하는 대신에 사용하는 것이다.
일반적으로 this는 메소드 내에서 호출하는 객체를 참조하며 다음과 같은 형식으로 사용한다.
this[.propertyName]
2. with 키워드
with 키워드는 반복된 특정 객체를 입력하는 번거로움을 줄이기 위해 사용한다.
즉, with 키워드는 여러 문장에 대한 기본 개체를 설정하며 여러 문장 내에서 개체를 지정하지 않는 특성 참조는 기본 개체를 참조하는 것으로 가정한다. with 문의 사용 형식은 다음과 같다.
with (객체) { 문장 }
여기에서 with 키워드 다음에 나오는 ( )안에 특정 객체 명을 입력할 경우 특정 객체에서 파생된 메소드나 속성명만 입력해도 된다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>자바스크립트 captureEvent 메소드</title> </head> <script language="JavaScript"> with(document){ write("<h2> 하루의 시작은 당신의 선에서</h2><br>") write("<h2> 오늘 하루 괜찮았나요? </h2><br>") write("<h1> with 키워드를 사용한 예제입니다. </h2><br>") } </script> <body> </body> </html> | cs |
3. for in 키워드
for in 키워드는 특정 객체에 속한 모든 속성들을 검색하는 키워드이다.
for in 키워드는 개체의 모든 특성을 변수에 할당하는 것이다. 또한 각각의 특성에 대해 자바 스크립트는 지정된 문장을 수행한다. for in 키워드의 일반적인 사용형식은 다음과 같다.
for(객체의 속성을 임시로 저장하는 변수명 in 객체명) { 문장 }
예를 들어 입력 양식 중에서 button 객체는 name, value, length 등의 속성이 존재한다. 이 때 for in 키워드를 사용하면 사용지가 일일이 속성들을 지정하지 않아도 button 객체에 속한 모든 속성들을 검색해준다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>자바스크립트 for in 키워드</title> </head> <script language="JavaScript"> function test_forin(test_parameter){ var test_obj="" for(var num in test_parameter){ test_obj+=test_parameter.name+"."+num+"="+test_parameter[num]+"\n" } alert(test_obj) } </script> <body> <form> <input type="button" name="BUT_obj" value="버튼 객체의 속성을 보려면 여기를 클릭!" onclick="test_forin(this)"> </form> </body> </html> | cs |
▲ 너무 많아서 이하 생략..
4. typeof 키워드
typeof 키워드는 변수의 자료형에 따른 특정 문자열로 값을 되돌려주는 역할을 수행한다. 다음 표는 자료형에 따른 typeof 키워드의 리턴하는 특정 문자열을 나타낸다.
표현 형태 |
리턴하는 문자열 |
typeof "문자열" |
"string" |
typeof 숫자 |
"number" |
typeof true 또는 false |
"boolean" |
typeof 객체 |
"object" |
typeof null |
"object" |
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 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>자바스크립트 typeof 키워드 예제</title> </head> <script language="JavaScript"> var str = 123 if (typeof str == "number") document.write("첫번째 예는 변수가 정수형입니다.<p><p>") else if (typeof str == "string") document.write("첫번째 예는 변수가 문자열입니다.<p><p>") else document.write("첫번째 예는 변수가 기타형이니다.<p><p>") var str = "가득찬 공간" if (typeof str == "number") document.write("두번째 예는 변수가 정수형입니다.<p><p>") else if (typeof str == "string") document.write("두번째 예는 변수가 문자열입니다.<p><p>") else document.write("두번째 예는 변수가 기타형이니다.<p><p>") </script> <body> </body> </html> | cs |
'이전 게시글 > 컴퓨터#웹 Jv.Script' 카테고리의 다른 글
| 자바스크립트 confirm() 메소드 뜻과 간단예제 (0) | 2016.04.24 |
|---|---|
| [자바스크립트] window(윈도우) 객체, 객체의 메소드와 간단예제 (0) | 2016.04.17 |
| [자바스크립트] 이벤트 핸들러 예제, 이벤트 객체를 알아보자 (0) | 2016.04.17 |
| js 파일로 연결하여 사용 시 한글 깨짐 현상 (0) | 2016.03.21 |
| [자바스크립트] change 이벤트 뜻과 간단예제 (0) | 2016.03.01 |
