반응형

자바스크립트(javascript) 개체 제어문을 알아보자


자바 스크립트는 개체를 조작하는 여러 가지 방법(for, in, new, this, ...)을 가지고 있습니다.



1. for ...in 문


 개체의 모든 특성을 변수에 할당하는 것입니다. 또한 각각의 특성에 대해 자바 스크립트는 지정된 문장을 수행합니다. for ...in문의 일반적인 사용 형식은 다음과 같습니다.


for( 변수 in 객체 ) { .... }



2. new 연산자


 이 연산자를 이용하면 사용자가 정의한 개체형의 사본을 만들 수 있습니다. 다음과 같은 형식으로 사용하면 됩니다.


obName = new obType ( param1 [,param2 ... ] )



3. this 키워드


 개체를 참조하기 위해 사용되는 키워드입니다. 일반적으로 this는 메소드 내에서 호출하는 개체를 참조하며 다음과 같은 형식으로 사용됩니다.


this.propertyName


다음의 예는 개체와 최대값과 최소값을 주면 개체의 값 특성을 검사하는 validate 라는 함수입니다.


1
2
3
4
5
function validate(obj, lowval, hival) {
    if ((obj.value < lowval ) || (obj.value > hival ))
        alert("잘못된 입력!!")
}
 
cs



그리고 각 폼 요소의 onChange 이벤트 처리기에서 validate를 호출할 수 있으며, 이때 폼 요소를 함수에 전달하기 위해 this를 사용할 수 있습니다.


1
2
<B> 10에서 20사이의 정수를 입력하세요</B>
<input type="text" name="age" size=3 onChange="validate(this, 10, 20)">
cs




4. with문


 with문은 여러 문장에 대한 기본 개체를 설정합니다. 여러 문장 내에서 개체를 지정하지 않는 특성 참조는 기본 개체를 참조하는 것으로 가정합니다. with문의 사용형식은 밑에 있습니다.


with (개체) { ... }


다음에서의 with문은 Math 개체를 기본 개체로 지정하고 있어요. with문 다음에 이어지는 문장들은 PI, cos, sin 메소드를 개체를 지정하지 않고 참조만 하고 있습니다. 자바 스크립트는 이러한 참조에 대해 Math 개체를 참조하는 것으로 가정합니다.


1
2
3
4
5
6
7
8
var a, x, y
var r=10
with (Math) {
    a=PI*r*r
    x=r*cos(PI)
    y=r*sin(PI/2)
}
 
cs



반응형
Posted by 제3인생자
l