<div id="readability-page-1" class="page"><article id="mainContent">
                <div>
                  <p><a href="/m/category/WEB2.0/%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D"><span>WEB2.0/프로그래밍</span></a></p><h3>as const 로 object를 견고하게 만들기</h3>
                </div>
                <p><cite>나를찾는아이</cite>
                  <span> 2023. 3. 8. 15:23</span>
                </p>
                
            
                <div>
                                <pre id="code_1678079763243" data-ke-language="javascript" data-ke-type="codeblock"><code>const ProductStatus = {
  SoldOut : "SOLDOUT",
  Sales: "SALES",
}</code></pre>

<p data-ke-size="size16">이렇게 object를 이용하여 ProductStatus의 값을 설정하였다고 가정해봅시다</p>

<p data-ke-size="size16">우리는 앞으로 이런식으로 코드를 사용할수 있겠죠</p>

<pre id="code_1678079935038" data-ke-language="javascript" data-ke-type="codeblock"><code>const product = new Product();
product.updateStatus(ProductStatus.SoldOut);</code></pre>

<p data-ke-size="size16">그런데 혹시 누군가가 코드를 이렇게 어디선가 변경할지도 모릅니다</p>
<pre id="code_1678079817857" data-ke-language="javascript" data-ke-type="codeblock"><code>const ProductStatus = {
  SoldOut : "SOLDOUT",
  Sales: "SALES",
}

ProductStatus.SoldOut = "soldout";</code></pre>

<p data-ke-size="size16">코드베이스가 커질수록 누군가가 이런 실수를 할수도 있겠죠</p>

<p data-ke-size="size16">하지만 상수처럼 활용하는 이 값이 누군가에 의해 변경되는것을 원치 않습니다</p>


<p data-ke-size="size16">이럴때는 as const를 사용해보세요</p>
<pre id="code_1678080087632" data-ke-language="javascript" data-ke-type="codeblock"><code>const ProductStatus = {
  SoldOut : "SOLDOUT",
  Sales: "SALES",
} as const

ProductStatus.SoldOut = "soldout";</code></pre>

<p data-ke-size="size16">마치 상수처럼 변하여 이 ProductStatus.Soldout에 다른 값을 할당하려고 할때 컴파일 오류가 발생합니다</p>


<p data-ke-size="size16">좀더 안전해지겠죠?</p>
            
            
                </div>
            

                
              </article></div>

나를 찾는 아이

Kyoung min, Kim

as const 로 object를 견고하게 만들기

댓글