생성자 함수를 이용하면 자바스크립트에서 제공하지 않는 유형의 데이터를 창조해낼 수 있다.
생성자 함수는 '객체를 이렇게 만들겠습니다'에 대한 정의일뿐이며, 실제 객체가 생성되기 위해서는 new 연산을 통해 객체를 반환해야 합니다. 객체 생성은 new 연산자를 이용합니다.
// Dog 객체 설계(생성자 함수)
function Dog(){
this.name = "뽀미"
this.breed ="스피츠"
}
// Dog 객체 생성(new 연산자)
//Dog 라는 객체를 생성하고, myDog 라는 이름을 붙이겠다
const myDog = new Dog();
console.log(myDog.name)
console.log(myDog.breed)
생성자 함수는 '객체를 이렇게 만들겠습니다'에 대한 정의, 즉'설계도'의 역할을 합니다. 생성자 함수 하나로도 객체를 여러개 만들 수 있습니다.
다음은 생성자 함수 하나로 여러개 객체 만드는 예시입니다.
// 생성자 함수에서도 매개변수를 정의할 수 있다
function Dog(eachName, eachBreed){
this.name = eachName
this.breed = eachBreed
}
//객체 생성 시에도 인자를 전달할 수 있다
const one = new Dog("바둑이","진돗개");
const two = new Dog("하나코","시바견");
const three = new Dog("마르코","셰퍼드");
내용 정리
- 객체란 '값 또는 기능을 가지고 있는 데이터'이다.
- 생성자란 객체를 생성할 때 사용하는 함수로서, '생성자 함수'라고도 한다.
- 생성자 함수는 설계도 역할을 하는 것 이며, 실제 객체가 생성되기 위해서는 new 연산을 통해 객체를 반환해야 한다.
- 생성자 함수 하나로 객체를 여러개 만들 수도 있다.
'Javascript' 카테고리의 다른 글
DOM 다루기 (CRUD + append) (0) | 2023.03.07 |
---|---|
자바스크립트 입문편: 디지털 시계만들기 (2) | 2023.03.05 |
현재 시간 브라우저에 나타내기 (0) | 2023.03.04 |
얕은 복사와 깊은 복사 (0) | 2023.03.02 |
원시자료형과 참조자료형 (0) | 2023.03.02 |
생성자 함수를 이용하면 자바스크립트에서 제공하지 않는 유형의 데이터를 창조해낼 수 있다.
생성자 함수는 '객체를 이렇게 만들겠습니다'에 대한 정의일뿐이며, 실제 객체가 생성되기 위해서는 new 연산을 통해 객체를 반환해야 합니다. 객체 생성은 new 연산자를 이용합니다.
// Dog 객체 설계(생성자 함수)
function Dog(){
this.name = "뽀미"
this.breed ="스피츠"
}
// Dog 객체 생성(new 연산자)
//Dog 라는 객체를 생성하고, myDog 라는 이름을 붙이겠다
const myDog = new Dog();
console.log(myDog.name)
console.log(myDog.breed)
생성자 함수는 '객체를 이렇게 만들겠습니다'에 대한 정의, 즉'설계도'의 역할을 합니다. 생성자 함수 하나로도 객체를 여러개 만들 수 있습니다.
다음은 생성자 함수 하나로 여러개 객체 만드는 예시입니다.
// 생성자 함수에서도 매개변수를 정의할 수 있다
function Dog(eachName, eachBreed){
this.name = eachName
this.breed = eachBreed
}
//객체 생성 시에도 인자를 전달할 수 있다
const one = new Dog("바둑이","진돗개");
const two = new Dog("하나코","시바견");
const three = new Dog("마르코","셰퍼드");
내용 정리
- 객체란 '값 또는 기능을 가지고 있는 데이터'이다.
- 생성자란 객체를 생성할 때 사용하는 함수로서, '생성자 함수'라고도 한다.
- 생성자 함수는 설계도 역할을 하는 것 이며, 실제 객체가 생성되기 위해서는 new 연산을 통해 객체를 반환해야 한다.
- 생성자 함수 하나로 객체를 여러개 만들 수도 있다.
'Javascript' 카테고리의 다른 글
DOM 다루기 (CRUD + append) (0) | 2023.03.07 |
---|---|
자바스크립트 입문편: 디지털 시계만들기 (2) | 2023.03.05 |
현재 시간 브라우저에 나타내기 (0) | 2023.03.04 |
얕은 복사와 깊은 복사 (0) | 2023.03.02 |
원시자료형과 참조자료형 (0) | 2023.03.02 |