js_javascript 기술로 객체를 생성하는 여러 방법의 예

JavaScript의 모든 것은 문자열, 배열, 숫자, 함수 등 객체입니다. JS에는 클래스라는 개념이 없지만

JS의 문법적 특징을 활용하여 클래스라는 개념으로 객체를 생성할 수 있습니다.

원래 방법

코드 복사 코드는 다음과 같습니다.

< ;script type ="text/javascript">

var obj = new Object()
obj.name = "Koji"; //객체에 속성 추가
obj.age = 21;
obj.showName = function(){ //객체에 메서드 추가
alert(this.name)
}
obj.showAge = function(){
alert(this .age);

obj.showName(); //코지
obj.showAge() //21

위 메소드는 new 키워드를 통해 객체를 생성한 후, 동적 언어인 JS의 특성에 맞는 속성과 메소드를 추가하여

객체를 구성합니다. 메소드를 호출하는 객체입니다.

이 접근 방식의 문제점은 객체를 여러 번 생성해야 하는 경우 코드를 여러 번 반복해야 하므로 코드 재사용에 도움이 되지 않는다는 것입니다.

팩토리 메소드

코드 복사 코드는 다음과 같습니다.

< ;script type ="text/javascript">

function createObj(){
var obj = new Object(); //객체 생성

obj.name = "Koji" ;
obj.age = 21;
obj.showName = function(){
alert(this.name)
}
obj.showAge = function(){
alert (this.age);

return obj; //return object
}

var obj1 = createObj()
var obj2 = createObj();

obj1.showName(); //Koji
obj2.showAge() //21




코드 재사용률을 높이기 위해 팩토리 메소드를 변경하고 매개변수 값을 전달할 수도 있습니다.

코드 복사 코드는 다음과 같습니다.

위 방법은 코드 재사용률을 향상시킬 수 있지만 다릅니다. 객체 지향 클래스의 개념에는 큰 결함이 있습니다. 얼굴