JavaScript의 OOP의 네 가지 기둥

자바스크립트 OOP의 4가지 핵심

JavaScript의 객체 지향 프로그래밍(OOP)은 네 가지 주요 아이디어, 즉 '기둥'을 기반으로 구축되었습니다. 캡슐화, 추상화, 상속, 다형성이 그것이다. 간단한 예를 들어 하나하나 분석해 보겠습니다.

캡슐화

캡슐화란 데이터와 해당 데이터에 대해 작동하는 함수를 클래스처럼 한 곳에 모으는 것을 의미합니다.

예: 자동차

자동차를 상상해 보세요. 모델, 색상, 속도, 엔진과 같은 속성이 있습니다. 또한 시작 및 중지와 같은 기능도 있습니다. 우리는 이 모든 변수와 메소드를 Car라는 하나의 클래스에 넣습니다.

class Car {
    constructor(model, color, speed, engine) {
        this.model = model;
        this.color = color;
        this.speed = speed;
        this.engine = engine;
    }

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

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

추출

추상이란 복잡한 세부 사항을 숨기고 필요한 부분만 보여주는 것을 의미합니다.

예: 원격 제어

TV 리모컨을 생각해 보세요. 채널을 변경하려면 "다음" 버튼을 누르세요. 리모컨이 TV에 신호를 보내는 방법을 알 필요는 없습니다. 버튼을 사용하여 채널을 변경하면 됩니다.

JavaScript에서 추상화는 간단한 인터페이스를 사용하여 더 복잡한 코드와 상호 작용하는 것입니다.

class Remote {
    changeChannel() {
        console.log("Channel changed");
    }
}

let remote = new Remote();
remote.changeChannel(); // You don't need to know how this works inside

계승

상속이란 클래스가 다른 클래스로부터 속성과 메서드를 상속받을 수 있음을 의미합니다.

예: 가족 특성

부모님으로부터 특정 행동이나 특성을 물려받을 수 있는 것처럼 클래스는 다른 클래스로부터 속성과 메서드를 상속받을 수 있습니다. 여러 클래스로부터 상속받는 것을 다중 상속이라고 하는데, 자바스크립트는 이를 직접적으로 지원하지 않습니다.

class Animal {
    makeSound() {
        console.log("Animal sound");
    }
}

class Dog extends Animal {
    bark() {
        console.log("Dog barks");
    }
}

let dog = new Dog();
dog.makeSound(); // Inherited from Animal class
dog.bark();      // Specific to Dog class

다형성

다형성은 변수, 함수 또는 객체가 여러 형태를 취할 수 있음을 의미합니다.

예: 동물 클래스

동물 수업을 상상해 보세요. 다형성을 사용하면 새로운 기능을 수정하거나 추가하는 Cat 클래스를 만들 수 있습니다.

class Animal {
    makeSound() {
        console.log("Animal sound");
    }
}

class Cat extends Animal {
    makeSound() { // Overriding method
        console.log("Meow");
    }
}

let cat = new Cat();
cat.makeSound(); // Calls the Cat's makeSound method

요약하면 OOP의 네 가지 기본 요소인 캡슐화, 추상화, 상속, 다형성은 JavaScript 코드를 체계화하고 재사용 가능하며 이해하기 쉽게 만드는 데 도움이 됩니다.

위 내용은 JavaScript의 OOP의 네 가지 기둥의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!