객체 지향 프로그래밍(OOP): 명확한 예를 통해 내용 이해-JS 튜토리얼-php.cn

객체 지향 프로그래밍(OOP): 명확한 예를 통해 내용 이해

Barbara Streisand

풀어 주다： 2024-10-28 16:16:02

원래의

345명이 탐색했습니다.

Object-Oriented Programming (OOP): Understand the illars with Clear Examples

안녕하세요 개발자님! 오늘은 객체지향 프로그래밍(OOP)에 대해 이야기해보겠습니다. 이 패러다임은 "객체"를 사용하여 데이터와 동작을 구성하는 데 필수적입니다. 취업 면접을 준비하는 경우 이러한 개념을 숙지하면 큰 변화를 가져올 수 있습니다.

모든 것을 쉽게 이해하는 데 도움이 되는 예시를 통해 OOP의 4가지 핵심 요소를 명확하고 실용적인 방법으로 살펴보겠습니다.

객체 지향 프로그래밍이란 무엇입니까?

OOP는 다음 네 가지 주요 요소를 기반으로 합니다.

캡슐화
상속
다형성
추상화

자바스크립트의 예시를 통해 각 요소를 자세히 살펴보겠습니다.

1. 캡슐화

캡슐화는 소지품을 상자에 보관하는 것과 같습니다. 필요한 모든 것을 안에 넣고 액세스할 수 있는 사람을 제어할 수 있습니다. 이는 저장된 데이터를 보호하고 개체의 내부 상태를 안전하게 유지하는 데 도움이 됩니다.

예:

class User {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }

    // Public method
    displayInfo() {
        return `${this.name}, ${this.age} years old`;
    }

    // Private method
    _checkAge() {
        return this.age >= 18 ? 'an adult' : 'a minor';
    }

    displayStatus() {
        return `${this.name} is ${this._checkAge()}.`;
    }
}

const user = new User('Alice', 22);
console.log(user.displayInfo()); // Alice, 22 years old
console.log(user.displayStatus()); // Alice is an adult

로그인 후 복사

이 예에서 _checkAge는 직접 액세스해서는 안 되는 메소드입니다. 로직을 정리하면서 사용자의 상태를 파악하는 데 도움을 주기 위해 내부적으로 사용됩니다.

2. 상속

상속을 통해 클래스(하위 클래스)가 다른 클래스(슈퍼클래스)로부터 속성과 메서드를 상속받을 수 있습니다. 이렇게 하면 코드를 재사용하고 클래스 계층을 생성하는 것이 더 쉬워집니다.

예:

class Animal {
    constructor(name) {
        this.name = name;
    }

    makeSound() {
        return `${this.name} makes a sound.`;
    }
}

class Dog extends Animal {
    makeSound() {
        return `${this.name} barks.`;
    }
}

class Cat extends Animal {
    makeSound() {
        return `${this.name} meows.`;
    }
}

const myDog = new Dog('Rex');
const myCat = new Cat('Mia');

console.log(myDog.makeSound()); // Rex barks.
console.log(myCat.makeSound()); // Mia meows.

로그인 후 복사

여기서 Dog와 Cat은 모두 Animal을 상속받습니다. 각각은 고유한 사운드를 구현하여 상속을 통해 코드를 복제하지 않고도 사용자 정의된 동작을 수행할 수 있는 방법을 보여줍니다.

3. 다형성

다형성은 서로 다른 개체가 동일한 방법에 서로 다른 방식으로 반응하는 능력입니다. 이를 통해 동일한 이름을 가진 메소드가 객체 유형에 따라 다른 동작을 가질 수 있습니다.

예:

class Shape {
    area() {
        return 0;
    }
}

class Rectangle extends Shape {
    constructor(width, height) {
        super();
        this.width = width;
        this.height = height;
    }

    area() {
        return this.width * this.height;
    }
}

class Circle extends Shape {
    constructor(radius) {
        super();
        this.radius = radius;
    }

    area() {
        return Math.PI * Math.pow(this.radius, 2);
    }
}

const shapes = [new Rectangle(10, 5), new Circle(3)];

shapes.forEach(shape => {
    console.log(`Area: ${shape.area()}`);
});

// Output:
// Area: 50
// Area: 28.274333882308138

로그인 후 복사

이 경우 Rectangle과 Circle 모두 고유한 면적 메서드를 가지고 있지만 동일한 메서드를 호출해도 도형 유형에 따라 다른 결과가 나옵니다. 이것이 다형성의 실제 모습입니다!

4. 추상화

추상화는 복잡한 세부 사항을 숨기고 필요한 것만 노출하는 과정입니다. OOP에서는 이를 통해 개체 작동 방식의 모든 복잡함을 이해할 필요 없이 개체를 사용할 수 있습니다.

예:

class Car {
    constructor(brand, model) {
        this.brand = brand;
        this.model = model;
    }

    start() {
        console.log('Car started.');
    }

    stop() {
        console.log('Car stopped.');
    }
}

class ElectricCar extends Car {
    charge() {
        console.log('Electric car charging.');
    }
}

const myElectricCar = new ElectricCar('Tesla', 'Model 3');
myElectricCar.start(); // Car started.
myElectricCar.charge(); // Electric car charging.

로그인 후 복사

여기서 Car 클래스는 기본 메소드를 제공하고 ElectricCar는 충전 기능을 추가합니다. 각 부품의 작동 방식을 몰라도 자동차를 사용할 수 있습니다. 시동과 충전 방법만 알면 됩니다.