자바스크립트 클래스 사용기

안녕하세요. 투비심플 입니다.

 

난 직장 일을 하기도 하지만, 개인적으로는 오픈소스 개발자 이기도 하다.

Pure javascript로 개발하는 오픈소스 컴포넌트가 있다.

 

컴포넌트 개발은 prototype 만 고집했다.

클래스란 것은 어차피 prototype 기반이기 때문에 prototype만 고집했다.

 

하지만 여러개의 객체를 생성해야 할 일이 있어서, 

클래스 객체를 사용할 수 밖에 없었다. 다른 방안도 있겠지만..

 

Scroll 이란 객체를 생성했다. 

코딩량이 늘어나니, 클래스 객체를 사용하는 것에 부담감이 발생했다.

한페이지에 오백줄 이상 넘어가면 재미가 없다. 

 

클래스에도 어차피 prototype을 사용할 수 있다고 한다.

난 이론적이거나, 문법적인 면은 그다지 많이는 모르는 거 같다.

해당 함수를 사용하는데 집중한다.

(참고로, stackoverflow가 개발시 막힐때 도움이 많이 된다)

class Scroll {
    constructor(grid, scrollName) {
        this.scrollName = scrollName;
        this.barSize    = 0;
        this.railSize   = 0;
        this.type;      //vertical, horizontal
    }
    함수1(){} // 첨에는 이렇게 썼다.
    함수2(){} 
}
Scroll.prototype.함수1 = fucntion() {} // 이런 식으로 바꾸게 되었다.

 

페이지를 scroll_1.js, scroll_2.js 로 나눌 수가 있어 좋았다.

 

또한, 클래스로 관리하니 객체별로 설정값 관리와 이벤트 관리하기가 나름 편한거 같다.

조금씩 애용해야 겠다.