<aside> 📌 자바스크립트는 명령형, 함수형, 프로토타입 기반 객체지향 프로그래밍을 지원하는 멀티 패러다임 프로그래밍 언어다.

</aside>

객체 지향 프로그래밍

• 객체 지향 프로그래밍: **여러 개의 독립적 단위(객체)**의 집합으로 프로그램을 표현하는 패러다임
  • 속성은 실체를 인식하기 위한 특징이나 성질을 나타낸다.
  • 추상화는 다양한 속성 중에서 프로그램에 필요한 속성만 간추려 내어 표현하는 것

객체 만들기

ex1 ) 이름과 주소 속성을 갖는 person이라는 객체 만들기

const person = {
	name: 'Lee',
	address: 'Seoul'
}

ex 2 ) 반지름 속성과 원의 지름, 둘레, 넓이를 구하는 속성을 갖는 circle이라는 객체 만들기

const circle = {
	radius: 10,

	getDiameter() {
		return 2 * this.radius;
	}

	getPerimeter() {
		return 2 * Math.PI * this.radius;
	}

	getArea() {
		return Math.PI * this.radius ** 2;
	}
}

• 여기서 프로퍼티는 radius, 메서드는 getDiameter, getPerimeter, getArea
• 객체지향 프로그래밍은 객체의 상태를 나타내는 데이터 (프로퍼티) 와 상태 데이터를 조작할 수 있는 동작 (메서드) 을 하나의 논리적인 단위로 묶어 생각한다.

상속과 프로토타입

• 상속은 어떤 객체의 프로퍼티, 메서드를 다른 객체가 상속받아 그대로 사용할 수 있는 것을 말함
  • 객체지향 프로그래밍의 핵심 개념
  • 코드 재사용을 통해 개발 비용을 현저히 줄일 수 있음
• 자바스크립트는 프로토타입을 기반으로 상속을 구현

생성자 함수 vs 프로토타입

// 생성자 함수
function Circle(radius) {
	this.radius = radius;
	this.getArea = function () {
		return Math.PI * this.radius ** 2;
	};
}

// 인스턴스 생성
const circle1 = new Circle(1);
const circle2 = new Circle(2);

// 인스턴스의 getArea 메서드는 동일하지 않음
console.log(circle1.getArea === circle2.getArea); // false

• 생성자 함수를 사용하여 객체를 생성할 경우, 각 인스턴스의 메서드는 다르다.
• 여기서 다르다는 것은 내용은 같지만 서로 다른 메모리 주소에 생성되고 있다는 것