객체 만들기 |
▶▷ 알아두면 좋은 것들
관련글
자바스크립트는 객체지향적인 언어입니다.
자바나 다른 언어처럼, 객체도 만들 수 있고, 상속 등등이 가능한데요.
다른 언어를 통해 생성자를 이해하고 계시다면, 별다른 설명 없어도 밑의 소스를 보시고 이해하실거라 생각합니다.
어떻게 만들 수 있는지 한번 보실까요?
<HEAD>
<TITLE>자바스크립트를 활용한 객체 생성</TITLE>
</HEAD>
<SCRIPT type='text/javascript'>
1. function student(name, id){
this.name=name;
this.id=id;
}
2, student.prototype.getName = function() {
return this.name;
};
student.prototype.getId = function() {
return this.id;
};
3. var student1=new student("묵공", "20001111");
4. alert(student1.getName());
</SCRIPT>
<BODY>
</BODY>
1. student 함수 정의
- 생성자가 될 사용자 정의의 함수 입니다.
- 두개의 매개 변수를 통해, this 키워드를 이용해서 해당하는 객체에 name과 id 값을 설정합니다.
2. student 함수 정의
- prototype 이란 프로퍼티는 해당 객체가 가지고 있는 모든 인스턴스가 접근할 수 있는 객체가 들어 있습니다.
다음에서, student의 인스턴스가 prototype에 정의되어 있는 getName을 불러와 함수를 실행시킵니다.
3. 객체 생성
- 위에서 만든 생성자로 new 연산자를 통해 객체를 생성합니다.
4 prototype의 getName 호출
- prototype에 정의되어 getName을 호출합니다.
궁금하시거나 도움줄 말이 있으시면 댓글 부탁드립니다. 여러분의 댓글이 힘이됩니다. ^^ |
'프로그래밍 > JavaScript' 카테고리의 다른 글
[자바스크립트] '레이블', 반복문을 제어하자! (2) | 2012.06.28 |
---|---|
[자바스크립트] 'typeof', 데이터 타입을 알아보자! (0) | 2012.06.28 |
[자바스크립트] 'Array', 배열 및 다차원 배열 선언에 대해 알아보자! (8) | 2012.06.28 |
[자바스크립트] 배열의 리터럴 선언, 또다른 배열 선언 방법! (0) | 2012.06.28 |
[자바스크립트] '문자 ↔ 숫자', 타입을 바꿔보자! (0) | 2012.06.28 |