[자바스크립트] 객체 참조를 위해 this를 사용하기 간단예제

이전 게시글/컴퓨터#웹 Jv.Script 2016. 2. 27. 17:20

자바스크립트는 특별한 키워드 this를 가지고 있다. 이것은 현재 객체를 참조하는데 사용될 수 있다.

예를 들어 객체와 최대값, 최소값을 주면 객체값의 특성을 검사하는 validate라는 함수를 가지고 있다고 가정하자.

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

this를 사용할 수 있다.

다음의 예를 보자.

INPUT TYPE = "text" NAME = "age" SIZE = 3 onChange="validate(this, 13, 99)"

일반적으로 메소드에서 this는 호출하는 객체를 참조한다.

간단예제..

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
<!DOCTYPE html>
 
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script>
            function time(hour,minute,second){
                this.hour=hour
                this.minute=minute
                this.second=second
            }
        </script>
    </head>
    <body>
        <h2>객체를 정의하고 생성하는 예제</h2>
        <script>
            watchdata= new time(10,30,56)
            document.write("<h2>"+"watchdata 객체의 속성"+"</h2>"+"<p>")
            document.write("시간 : "+watchdata.hour+"<p>")
            document.write("분 : "+watchdata.minute+"<p>")
            document.write("초 : "+watchdata.second+"<p>")
        </script>
    </body>
</html>
 
Colored by Color Scripter
cs

저작자표시

'이전 게시글 > 컴퓨터#웹 Jv.Script' 카테고리의 다른 글

[자바스크립트] parseFloat() 함수의 뜻과 간단예제 (0)	2016.02.27
[자바스크립트] parseInt() 함수의 뜻과 간단예제 (0)	2016.02.27
[자바스크립트] eval() 함수의 뜻과 간단예제 (0)	2016.02.27
자바스크립트 if문, 버튼클릭시 내용출력 간단예제 (0)	2016.02.13
자바스크립트 prompt(), if문을 사용하여 음수,양수,영을 판단하는예제 (0)	2016.02.13