2016. 3. 15. 22:26ㆍlanguage/javascript
클래스에 대해서 배워봅시다.
먼저 클래스의 개념은 객체지향 언어를 공부하신 분이라면 쉽게 이해하실수 있습니다.
하지만 여기서는 처음 언어를 공부하신다고 생각하고
객체지향에 대해서 간단하게 설명하겠습니다.
영어로는 Object-oriented programming, 줄여서 OOP라 부릅니다.
변수나 함수 등을 작성하고 여러곳에서 가져다가 사용한다고 생각하시면 됩니다.
쉽게 말해서 십자 드라이버를 하나 만들어 놓으면 책상을 조립하거나 의자를 조립할때 또는 벽에 나사를 박때도 사용할 수 있습니다.
재사용이 가능하도록 하는 것을 말하며 이는 모듈화 라고도 합니다.
여기서는 이런게 객체지향이구나 하고 가볍게 이해하시고 넘어가셔도 무방합니다.
물론 java 나 다른 객체지향 언어를 공부할 때에는 무조건 필히 아주 완벽히 이해하셔야 합니다.
클래스는 객체라고도 합니다.
구성요소는 속성과 메소드로 구성됩니다.
속성은 객체의 전용 변수이고 메소드는 객체의 전용 함수입니다. 멤버변수, 멤버함수라고도 합니다.
클래스의 작성방법은 다음과 같습니다.
function 클래스명(파라미터변수들...){
this.속성명;
...
this.속성명2 = 값;
...
this.메소드명 = 실제함수명;
...
}
function 실제함수명(파라미터변수들...){
처리할 내용들;
...
}
클래스의 내부에는 속성 ( 멤버변수 ) 와 메소드 ( 멤버함수 ) 를 다중으로 각각 여러개를 가질 수 있습니다.
그리고 메소드는 실제 함수로 구현되어 있어야 합니다.
클래스의 사용법은 다음과 같습니다.
var 객체변수 = new 클래스명(값들...);
var 객체변수2 = new 클래스명(값들...);
객체변수.속성명 = 값; // 객체변수.속성명 ==> 객체변수["속성명"]
변수 = 객체변수.속성명;
객체변수.메소드명(값들...);
new 를 이용하여 클래스를 생성하고 생성된 클래스 변수를 이용하여 속성에 값을 부여할 수 있습니다.
또한 클래스가 가지고 있는 멤버함수를 이용하여 정해진 로직을 처리하여 작업을 할 수 도 있습니다.
다음 예제를 통해 실제로 클래스가 어떻게 만들어지고 생성되어 사용되는지 알아봅니다.
'language > javascript' 카테고리의 다른 글
javascript | 모바일 브라우저 userAgent로 디바이스 구분하기 / android ios 구분하기 (0) | 2016.08.10 |
---|---|
javascript 계산기 / 자바스크립트 계산기 만들기 (2) | 2016.06.28 |
javascript history 삭제 / href replace 비교 (4) | 2016.06.01 |
[javascript 기초 강좌] 12. 이벤트와 이벤트 객체 [ event ] (18) | 2016.05.02 |
[javascript 기초 강좌] 11. 객체 관련 명령어 [ for ~ in, with ] (0) | 2016.04.20 |
[javascript 기초 강좌] 9. 사용자 정의함수를 이용한 구구단 만들기 (2) | 2016.01.29 |
[javascript 기초 강좌] 8. 사용자 정의 함수 (0) | 2016.01.28 |
[javascript 기초 강좌] 7. 내장함수 ( eval / parseInt / parseFloat / Number / isFinite / isNaN / escape / unescape / encodeURI / decodeURI / encodeURIComponent / decodeURIComponent ) (0) | 2016.01.27 |
[javascript 기초 강좌] 6. 제어문 ( if / switch / for / while / do~ while ) (0) | 2016.01.26 |
[javascript 기초 강좌] 5. 연산자 (1) | 2016.01.22 |