자바스크립트 객체 생성

자바스크립트를 통해서 객체 생성하는 방법을 포스팅하겠습니다.

 

class를 통해서 할 수 있지만 여기서는 function을 사용하겠습니다.

(회사에서 자주 사용하고 있는 방법... 이 방법 말고도 다양하게 객체 생성할 수 있습니다.)

 

객체 정의

 

위의 소스를 보면 일반적으로 자바 클래스를 정의한 것과 비슷하게 속성과 메소드가 있습니다.

(속성 : 2~3라인, 메소드 : 10~17라인)

 

그리고 생성자 역할을 하는 메소드도 정의 및 호출되고 있습니다.(5~8라인, 19라인)

 

마지막으로 정의한 메소드를 리턴하고 있습니다.(21~28라인)

 

메소드를 리턴하지 않으면 호출할 수 없기 때문에 리턴해야 합니다.

 

이제 객체가 제대로 생성이 되는지 확인해보겠습니다.

 

객체 생성 및 메소드 호출

 

객체에 속성 값으로 전달할 options를 정의하고, 객체를 생성합니다.

 

그리고 객체의 메소드를 호출하면 위의 빨간색 상자처럼 제대로 동작하는 것을 확인할 수 있습니다.

 

이처럼 자바스크립트에서 객체를 사용하게 되면

 

화면 메뉴별 객체를 정의하여 기능을 정리할 수 있는 장점이 있습니다.