글
Web/Javascript 2010/10/20 10:45jQuery 간단 스터디 계속 - Class 지향 플러그인 개발등
4. jQuery를 이용한 객체지향 프로그래밍(?)
jQuery Klass 라는 녀석을 써서 class를 구성할 수 있다.
http://code.google.com/p/jquery-klass/ 에 MIT License로 프로젝트가 공개되어 있으나, 소스의 다운이 불가능하다;; 이건 대체 왜 이런 상태로 방치하고 있는건지 모르겠따;;;
http://github.com/danwrong/low-pro-for-jquery 로 이동하여 low-pro-for-jquery 플러그인
을 프로젝트에 포함 시킨다.
아래와 같이 NameSpace를 오염 시키지 않는 선에서 com.custom 페키지에 Animal 클래스를
선언해 보았다.
필드로 name, sound를 갖고 생성자 initialize, setSound, getSound, say 메소드등을 지원하는
아쥬 아쥬 간단한 클래스다.
더보기
// 클래스 필드와 클래스 메소드는 아래와 같이 정의한다.
com.custom.Animal.constant = {};com.custom.Animal.constant.countA = 10;
com.custom.Animal.constant.countB = 100;
com.custom.Animal.classMethod = function(){
console.log("it's Animal's class Method");
};
* 사용
var maAnimal = new com.custom.Animal("pig");
maAnimal.setSound("꿀꿀");
maAnimal.say();
com.custom.Animal.classMethod();
이렇게 쓰면된다.
아래와 같은 방법으로 SubAnimal 클래스를 Animal클래스를 상속히여 구현이 가능하다.
super클래스 메소드에 접근하는 방법은 좀 더 조사해보고, 추가해야겠다.
com.custom.SubAnimal = $.klass(com.custom.Animal, {
initialize: function(sound){
console.log("SubAnimal initialize");
}
});
'Web > Javascript' 카테고리의 다른 글
| jQuery 압축 (0) | 2010/11/02 |
|---|---|
| jQuery widget 에 관하여. (0) | 2010/10/21 |
| jQuery 간단 스터디 계속 - Class 지향 플러그인 개발등 (0) | 2010/10/20 |
| jQuery에 대한 간단한 스터디 정리 (0) | 2010/10/01 |
| JavaScript Objects Reference (0) | 2010/08/06 |
| html압축을 통한 웹어플리케이션 performance 향상 (0) | 2010/07/27 |
RECENT COMMENT