JavaScript에서 매거진 작성 방법

JavaScript에서 매거진 작성 방법

2022-06-02 last update

7 minutes reading JavaScript
JavaScript 프로그래밍을 사용할 때 하드 인코딩 값이나 특정 값(예: 기본 문자열이나 URL)이 있는 대형 상수 파일을 관리해야 하는 경우가 있습니까?그렇다면 다음에 이런 문제를 쉽게 해결할 수 있도록 매거진 개념을 배워라.
JavaScript에서 매거진은 코드를 쉽게 읽고 유지할 수 있도록'상량'또는 다른 값을 만듭니다.선택을 제한하는 상황에서도 도움이 된다.예를 들어 온대 기후의 계절을 대표하는 가능성은 여름, 겨울, 가을, 봄이다.
이 문서에서는 JavaScript를 사용하여 매거진을 만드는 방법에 대해 설명합니다.그럼 시작합시다!

JavaScript의 매거진


너는 숫자가 어떤 물건의'값'과'유형'을 가리키는 데 쓰일 수 있다는 것을 알 수 있을 것이다.예를 들어, 아래에 지정된 프로그램에서 숫자 "1"을 상수 "SUMMER"에 계절 유형으로 연결합니다.
const SUMMER= 1;
다음은 "getSeason()"이라는 함수를 정의합니다. 이 함수는 "type"을 매개 변수로 받아들인 다음 "="엄격한 상등 연산자를 사용하여 "SUMMER"유형과 비교합니다.
function getSeason(type) {
functiongetSeason(type) {
if (type === SUMMER) {
return{ name: 'Summer Season' };
}
return{ name: 'Other Season' };
}
마지막으로 getSeason () 함수를 호출하고 "1"을 매개 변수로 전달합니다.
getSeason(1);
상기 주어진 코드의 출력은 전달된 유형에 따라 컨트롤러에 계절 정보를 인쇄합니다.

더 많은 계절 유형을 정의하고 싶으세요?이를 위해 특정 계절의 이름을 사용하여 상수를 생성하고 숫자를 유형으로 지정합니다.
const SUMMER= 1;
const SUMMER= 1;
const WINTER= 2;
functiongetSeason(type) {
if (type === SUMMER) {
return{ name: 'Summer Season' };
}
if (type === WINTER) {
return{ name: 'Winter Season' };
}
return{ name: 'Other Season' };
}
getSeason(2);
출력

위에서 제시한 출력을 통해 알 수 있듯이 우리의 프로그램은 매우 잘 작동한다.그럼에도 불구하고 정의된 계절 유형은 논리적으로 연결되지 않고 독립된 상량으로 존재하며 코드의 어느 위치에 놓아도 처리하기 어렵다.이런 상황에서'인구 센서스'가 역할을 발휘하기 시작했다!
매거진은'상량'이나 대소문자 그룹을 정의하는 기능을 제공합니다.이 메커니즘을 사용할 때, 모든'하드 인코딩'값은 다시 쓰는 것이 아니라 인용하는 위치에 추가됩니다.이 밖에 매거수의 사용은 코드의 유지보수성을 높이는 데도 도움이 된다.
이제 JavaScript에서 열거 수를 만드는 방법을 살펴보겠습니다.

JavaScript에서 매거진 작성 방법


ES6 및 이전 버전에서는 매거진을 지원하지 않습니다.그러나 이것은 하나의 모델이기 때문에 우리는 이 컴퓨터의 자바스크립트 특성과 기술을 사용하여 그것을 복제할 수 있다.
JavaScript에서 다음과 같은 방법으로 매거진을 생성할 수 있습니다.
  • 매거진 객체 정의
  • 매거진 만들기 클래스
  • 우리는 다음 절에서 모든 지정된 방법을 토론할 것이다.

    JavaScript에서 매거진 객체를 만드는 방법


    앞에서 설명한 바와 같이 열거 수는 상수 또는 키 값 쌍으로 정의되므로 JavaScript에서 사용하려면 PascalCase 및 Upper\u라는 객체를 만들어야 합니다.
    const Seasons= {
    
    SUMMER: 1,
    
    WINTER: 2,
    
    SPRING: 3,
    
    AUTUMN: 4
    
    }
    지금까지 우리는 "Seasons"라는 매거기를 만들었지만, 그 값은 쉽게 변경될 수 있습니다. 이것은 매거기라는 것을 부정합니다.이 동작을 변경하려면 속성을'변경할 수 없음'으로 지정해야 합니다.
    이를 위해 Seasons 객체의 속성을 정의할 때 JavaScript Object.freeze () 메서드를 호출합니다.이 작업을 수행하면 Object.freeze() 메서드는 Seasons 객체를 동결하고 속성에 대한 작업을 방지합니다.
    const Seasons= Object.freeze({
    
    SUMMER: 1,
    
    WINTER: 2,
    
    SPRING: 3,
    
    AUTUMN: 4
    
    });
    
    Seasons;
    출력

    기본 장면에 대해 매거기 대상을 만들 수 있다.단, 값을 추가하는 데 사용할 논리를 지정해야 할 때, 자바스크립트 클래스에서 매거진을 사용하십시오.

    JavaScript에서 매거진 클래스를 만드는 방법


    JavaScript에서 매거진 클래스를 만들려면 다음 지침을 따릅니다.
  • 우선, 매거기 클래스에'constructor ()'를 정의합니다. 이 클래스는 가변 수량의 매개 변수를'키'로 받아들입니다.생성된 구조 함수 방법은 모든 키를 매거진 대상에 추가하고 "object.freeze ()"방법의 도움말로 즉시 동결합니다.
  • 다음 단계에서'Symbol.iterator()'방법을 이용하여 매거기류의 실례를'iterable'대상으로 변환합니다.이 기능은 매거진 대상을 더욱 유용하게 할 것이다.
  • 마지막으로'Enumerator'클래스의 객체를 선언하고'keys'를 구조 함수()에 전달합니다.
  • class Enumerator {
    classEnumerator {
    constructor(...keys) {
    keys.forEach((key, i) => {
    this[key] = i;
    });
    Object.freeze(this);
    }
    
    *[Symbol.iterator]() {
    for (let key ofObject.keys(this)) yieldkey;
    }
    }
    
    constseasonsEnum = newEnumerator(
    'summer',
    'winter',
    'spring',
    'autumn');
    const seasons= [...seasonsEnum];
    console.log(seasons);
    다음은 JavaScript에서 매거진 클래스를 구현하는 방법입니다.

    JavaScript에서 열거 수를 만드는 다른 방법을 컴파일했습니다.사용자의 요구에 따라 그 중 하나를 사용할 수 있고 매거기의 기능에서 이익을 얻을 수 있습니다.

    결론



    In JavaScript, you can create an “Enumerator Object” or “Enumerator Class” to implement the concept of Enumeration, where the Enumerator object is used in basic scenarios and the Enumerator class is defined for complex logic. Both approaches utilize the “Object.freeze()” method to freeze the created Enumerator object and mark its properties as unchangeable. This write-up discussed different methods to create an Enumerator in JavaScript.