📚 [JavaScript] 객체지향 프로그래밍

📕 객체지향 프로그래밍

좀 더 나은 프로그램을 만들기 위한 프로그래밍 패러다임으로 로직을 상태와 행위로 이루어진 객체로 만드는 것

📙 클래스

객체 지향 프로그래밍에서 특정 객체를 생성하기 위해 변수와 메소드를 정의하는 일종의 틀로 객체를 정의하기 위한 상태(멤버 변수)와 메소드(함수)로 구성된다

🎈 예제

<script>
class User {
	constructor(name) {
		this.name = name;
	}

	sayHi() {
		alert(this.name + " Hi");
	}
}

let user = new User("kaeun"); //새로운 객체 생성
//넘겨받은 인수와 함께 constructor가 자동으로 실행되고, 이때 인수 "kaeun"이 this.name에 할당된다
user.sayHi(); //"kaeun Hi"라는 알람이 뜬다
</script>

📒 상속

새로운 클래스에서 기존 클래스의 모든 프로퍼티와 메소드를 사용할 수 있는 것

🎈 예제

<script>
class Animal {
	constructor(name) {
		this.speed = 0;
		this.name = name;
	}
	run(speed) {
		this.speed = speed;
		alert(`${this.name}가 속도 ${this.speed}로 달립니다.`);
	}
	stop() {
		this.speed = 0;
		alert(`${this.name}가 멈췄습니다.`);
	}
}

class Dog extends Animal { //Dog 클래스가 Animal 클래스를 상속받는다
	hide() {
		alert(`${this.name}가 숨었습니다!`);
	}
	stop() { //메소드를 오버라이딩
		super.stop(); //부모 클래스의 stop 호출 -> 멍멍이가 멈췄습니다.
		this.hide() //멍멍이가 숨었습니다!
	}
}

let dog = new Dog("멍멍이");
dog.run(8); //멍멍이가 속도 8로 달립니다.
dog.stop(); //멍멍이가 멈췄습니다. 멍멍이가 숨었습니다!
</script>

✔ 클래스 상속을 사용하면 클래스를 다른 클래스로 확장할 수 있고, 기존에 존재하던 기능을 토대로 새로운 기능을 만들 수도 있다
✔ ‘extends’ 키워드를 사용해서 상속한다