클린 코드 이해: 객체 및 데이터 구조⚡-JS 튜토리얼-php.cn

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

PHPz

풀어 주다： 2024-08-19 18:37:31

원래의

755명이 탐색했습니다.

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() 함수는 노출된 데이터에 대해 작동합니다.

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