본문 바로가기
javaScript/jQuery

클래스 기반 플러그인 문법 구조

by mooyou 2023. 10. 17.
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

댓글