[자바스크립트] 객체란, 객체 정의하기, 객체 생성하기
객체는 우리가 알고있는 것들이다. 그 어떤 사물들이라도 모두 객체라고 표현할 수 있다.
예를 들어 사람, 동물, 나무, 식물, 텔레비전 등등 모두 객체에 속한다.
1. 객체 정의하기
객체를 정의하기 위해서는 생성자라는 함수를 이용해서 객체의 속성과 메소드를 정의해주어야한다.
예를 들어보면
function 동물(오리, 토끼, 개){
this.오리 = 오리;
this.토끼 = 토끼;
this.고양이 = 고영이;
}
여기서 좀 생소한 것이 있다면 this라는 것이다. this는 자기 자신을 지칭할 수 있다.
자바스크립트가 자바에서 파생되어 나온 것 같이 this는 자바에서 파생되어 나온 것이다.
이것을 눈여겨 봐둘 필요가 있다. 자바 스크립트에서 this는 아주 유용하게 사용될것이다.
2. 객체 생성하기
객체를 생성하기 위해서는 new라는 생성자 함수를 이용한다. 이때 다음과 같이 한 줄만 코딩해주면 객체를 생성할 수 있게 된다.
function myrabbit(color, age){
this.color = color;
this.age = age;
}
myrabbit = new rabbit(white, 5)
위의 예제와 같이 나열되어 있는 것을 구분해서 표시해주고 싶으면 다음과 같이 해주면된다.
myrabbit.color = white
myrabbit.age = 5
여기서 객체 myrabbit은 속성 color와 "."을 찍어서 표현해준다. 마찬가지로 속성 age와도 "."를 찍어서 표현한다.
또한 예제에서 등호(=)의 우변에 있는 값 white와 5는 각 속성의 값에 해당한다.
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 31 32 33 34 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>객체 만들기</title> <script> function man(name, height, weight) { this.name = name; this.height = height; this.weight = weight; } </script> </head> <body> <h1> 객체 만들기 예제</h1> <script> kebi = new man("둘리", 170, 65); kebi1 = new man("나나", 161, 47); document.write("<h2>둘리에 대해서..</h2><p>"); document.write("이름 : " + kebi.name + " || "); document.write("키 : " + kebi.height + " || "); document.write("몸무게 : " + kebi.weight + "<p>"); document.write("<h2>나나에 대해서..</h2><p>"); document.write("이름 : " + kebi1.name + " || "); document.write("키 : " + kebi1.height + " || "); document.write("몸무게 : " + kebi1.weight); </script> </body> </html> | cs |
'이전 게시글 > 컴퓨터#웹 Jv.Script' 카테고리의 다른 글
| [자바스크립트] Array 배열 객체의 뜻과 간단예제 (0) | 2016.02.27 |
|---|---|
| [자바스크립트] "."(닷,점)을 이용한 객체 생성하기, 객체의 메소드 정의하기 (0) | 2016.02.27 |
| [자바스크립트] unescape() 함수의 뜻과 간단예제 (0) | 2016.02.27 |
| [자바스크립트] escape() 함수의 뜻과 간단예제 (0) | 2016.02.27 |
| [자바스크립트] parseFloat() 함수의 뜻과 간단예제 (0) | 2016.02.27 |
