프로토타입과 클래스 (객체 생성자의 상속)

jiwonSong·2020년 7월 20일
0

javascript

목록 보기
22/23
post-thumbnail

이 문서는 fastcampus 강의 를 듣고 정리한 문서입니다. 문제가 있을 경우 s26788761@naver.com 으로 문의주세요! 😀


객체 생성자상속 받을 수 있다.

function Animal(type, name, sound) {
	this.type = type; 
	this.name = name;
	this.sound = sound;
}

Animal.prototype.say = function() {
	console.log(this.sound);
}

위와 같은 상황에서 Animal 객체 생성자를 상속받아 Dog와 Cat이라는 객체 생성자를 만든다고 하면


function Dog(name, sound) {
	Animal.call(this, '개', name, sound); //여기서 this는 Dog 객체 생성자에서의 this
	//그리고 this 다음 파라미터들은 Animal 객체 생성자에 넣어야 하는 값들
}

function Cat(name, sound) {
	Animal.call(this, '고양이', name, sound);
}

Dog.prototype = Animal.prototype; //Dog의 prototype에 Animal의 prototype 설정
Cat.prototype = Animal.prototype;

이렇게 하면 된다.





profile
하루하루 성장하려 노력하는 FE 개발자 입니다~

0개의 댓글