javaScript/jQuery
클래스 기반 플러그인 문법 구조
mooyou
2023. 10. 17. 23:49
728x90
300x250
SMALL
(function($){
function MyClass(){
this.프로퍼티1;
this.프로퍼티2;
...
}
MyClass.prototype.메서드1=function(){
}
Myclass.prototype.메서드2=function(){
}
$.fn.플러그인이름=function(){
this.each(function(index){
var obj = new MyClass(); // 플러그인 구현 코드가 들어있는 클래스 인스턴스를 생성
})
}
})(jQuery);
위의 문법같이 작성하면 메서드를 모두 prototype에 만들기 때문에 만들어져 있는 메서드를 공유해서 사용한다.
즉 메서드를 한번만 만들어서 공유해서 사용할 수 있기 때문에 함수기반 플러그인이 가지고 있던 문제점을 해결할 수 있다.
728x90
반응형
LIST