>웹 프론트엔드 >JS 튜토리얼 >클린 코드 이해: 객체 및 데이터 구조⚡

클린 코드 이해: 객체 및 데이터 구조⚡

PHPz
PHPz원래의
2024-08-19 18:37:31783검색

Understanding Clean Code: Objects and Data Structures⚡

깨끗한 코드를 작성하려면 객체와 데이터 구조의 차이점을 이해하는 것이 중요합니다.

두 가지 모두 소프트웨어 설계 분야에서 각자의 위치를 ​​차지하지만 서로 다른 목적으로 사용되며 다양한 시나리오에 가장 적합합니다.

이 기사에서는 객체와 데이터 구조의 차이점을 자세히 알아보고 JavaScript 예제를 사용하여 개념을 설명하면서 각각을 언제 사용해야 하는지 살펴보겠습니다.


? 객체란 무엇입니까?

객체는 객체지향 프로그래밍(OOP)의 기초입니다.

데이터와 동작을 모두 캡슐화합니다. 즉, 정보를 보유할 뿐만 아니라 해당 정보와 상호 작용하는 방법도 제공합니다.

객체의 핵심 아이디어는 데이터를 해당 데이터에 작동하는 함수와 함께 묶어 객체의 내부 상태가 해당 메서드를 통해서만 조작되도록 하는 것입니다.

객체의 예:

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

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

  getPerimeter() {
    return 2 * (this.width + this.height);
  }
}

const myRectangle = new Rectangle(5, 10);
console.log(myRectangle.getArea());       // Output: 50
console.log(myRectangle.getPerimeter());  // Output: 30

이 예에서 Rectangle 클래스는 getArea() 및 getPerimeter() 메서드와 함께 너비 및 높이 데이터를 캡슐화하는 객체입니다.

내부 데이터(너비 및 높이)는 보호되며 이러한 방법을 통해서만 액세스하거나 수정할 수 있습니다.


? 데이터 구조란 무엇입니까?

반면에 데이터 구조는 연관된 동작이 없는 데이터 모음입니다.

데이터를 보호하기보다는 노출하는 데 중점을 두고 외부 기능이 조작할 수 있도록 합니다.

데이터 구조는 쉽게 검색하고 수정할 수 있는 방식으로 데이터를 저장하고 구성하는 것에 관한 것입니다.

데이터 구조의 예:

const rectangle = {
  width: 5,
  height: 10
};

function getArea(rectangle) {
  return rectangle.width * rectangle.height;
}

function getPerimeter(rectangle) {
  return 2 * (rectangle.width + rectangle.height);
}

console.log(getArea(rectangle));       // Output: 50
console.log(getPerimeter(rectangle));  // Output: 30

여기서 직사각형은 데이터 구조입니다. 이는 데이터를 직접 노출하며 getArea() 및 getPerimeter() 함수는 노출된 데이터에 대해 작동합니다.

객체와 달리 캡슐화가 없으며, 외부 기능을 통해 데이터에 자유롭게 접근하고 수정할 수 있습니다.


? 객체를 사용해야 하는 경우

객체는 데이터와 함께 동작을 캡슐화하려는 경우에 이상적입니다.

이 캡슐화를 통해 데이터 액세스 및 수정 방법을 제어하여 보호 계층을 제공할 수 있습니다.

객체는 잘 정의된 인터페이스를 통해 다양한 유형의 객체가 서로 상호 작용해야 하는 상황에도 적합합니다.

⚡ 다음과 같은 경우에 객체를 사용하세요.

  • 내부 상태를 보호하고 특정 방법을 통해서만 변경할 수 있도록 보장해야 합니다.
  • 데이터와 밀접하게 관련된 동작을 정의하고 싶습니다.
  • 당신은 캡슐화와 추상화가 중요한 복잡한 시스템을 사용하고 있습니다.

? 데이터 구조를 사용해야 하는 경우

데이터 구조는 동작을 첨부하지 않고 단순히 데이터를 저장하고 구성해야 할 때 유용합니다.

데이터에 쉽고 직접적으로 액세스할 수 있으므로 성능과 단순성이 중요한 시나리오에 유용할 수 있습니다.

⚡ 다음과 같은 경우 데이터 구조를 사용하십시오.

  • 외부 기능이 작동하려면 데이터를 직접 노출해야 합니다.
  • 디자인을 단순하고 직선적으로 유지하고 싶습니다.
  • 동작은 데이터와 별개이며 외부 함수로 구현될 수 있습니다.

핵심 내용

  • 객체는 데이터와 동작을 캡슐화하여 내부 상태를 보호하고 메서드를 통해 제어된 액세스를 제공합니다.
  • 데이터 구조는 데이터를 직접 노출하므로 캡슐화 없이 외부 기능이 작동할 수 있습니다.
  • 캡슐화가 필요하고 동작을 데이터와 묶고 싶을 때 객체를 사용하세요.
  • 동작을 첨부하지 않고 데이터를 저장해야 할 때, 단순성과 직접 액세스가 우선시되는 경우 데이터 구조를 사용하세요.

깨끗하고 유지 관리 가능한 코드를 작성하려면 객체와 데이터 구조의 차이점을 이해하는 것이 필수적입니다.

애플리케이션의 요구 사항에 따라 올바른 접근 방식을 선택하면 효율적이고 이해하기 쉬운 시스템을 만들 수 있습니다.

즐거운 코딩하세요!

위 내용은 클린 코드 이해: 객체 및 데이터 구조⚡의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.