JavaScript의 객체 생성자
JavaScript 생성자는 객체를 효율적으로 구축하는 데 도움을 줍니다. 동일한 구조를 가진 여러 객체를 생성하는 데 사용할 수 있습니다.
생성자 함수
생성자는 객체를 초기화하기 위한 함수입니다. 호출할 때는 new 키워드를 사용하세요. new 키워드를 잊어버리면 함수가 의도한 대로 작동하지 않습니다.
생성자 이름은 항상 대문자로 시작하세요. 이렇게 하면 일반 함수와 쉽게 구분할 수 있습니다.
예시:
- Person(name, age)
Object.create()
Object.create()를 사용하면 기존 객체를 프로토타입으로 사용하여 새로운 객체를 만들 수 있습니다. 이 메서드는 객체 간의 상속을 설정합니다.
기본값
생성자에서 기본값을 설정할 수 있습니다. 이를 통해 객체가 항상 유효한 데이터를 갖도록 보장할 수 있습니다. 값을 제공하지 않으면 생성자는 기본값을 사용합니다.
예시: function Person(name = "Unknown", age = 0) { this.name = name; this.age = age; }
프로토타입과 메모리
프로토타입에 메서드를 추가하면 메모리를 절약할 수 있습니다. 모든 객체가 함수의 개별 복사본을 갖는 대신, 프로토타입에 있는 하나의 버전을 공유합니다.
예시: Person.prototype.greet = function() { console.log("Hello " + this.name); };
상속
클래스를 사용하면 한 클래스가 다른 클래스로부터 상속을 받을 수 있습니다. 부모 생성자를 호출하려면 super() 키워드를 사용하세요. 이를 통해 자식 클래스는 부모 클래스의 속성과 메서드를 사용할 수 있습니다.
생성자를 사용하는 이유는 무엇인가요?
- 재사용성: 하나의 템플릿으로 많은 객체를 생성할 수 있습니다.
- 구조화: 객체 설정 로직을 한 곳에서 관리할 수 있습니다.
- 초기화: 생성 시점에 즉시 특정 값을 설정할 수 있습니다.
- 상속: 단순한 객체로부터 복잡한 객체를 구축할 수 있습니다.
- 유지보수: 코드를 더 읽기 쉽고 관리하기 쉽게 만듭니다.
출처: https://www.geeksforgeeks.org/javascript/js-constructor-method/ 출처: https://www.w3schools.com/js/js_object_constructors.asp
전체 게시물: https://dev.to/kamalesh_ar_6252544786997/object-constructors-in-javascript-2e96