[TypeScript] Import / Export (feat. namespace)

Dorong·2022년 12월 29일
0

TypeScript

목록 보기
15/15

현재의 Import와 Export

  • JavaScript와 동일하게 import, export 키워드 사용

    // export
    let num1 = 123;
    let num2 = 456;
    let num3 = 789;
    export default num1;
    export {num2, num3};

    // import
    import number from '파일경로';   // num1
    import {num2, num3} from '파일경로';   // num2, num3


과거 사용하던 Namespace

  • TypeScript 초창기 현재의 import export 문법이 생기기전,
  • script:src로 파일을 불러와 쓰다보니 타입명이 겹치는 상황 생겼음
  • 이를 위한 해결책으로 변수를 숨기려 했던게 namespace

    // export
    namespace names {
       export type LastName = string;
    }

    // import
    /// < reference path="파일경로" />    // 이게 import 문법
    let lastName : names.LastName = 'Kim'

  • namespace는 꼭 import / export 상황이 아닐지라도, 한 파일 내에서도 변수중복을 일어나지 않게 하기 위해 사용할 수 있음!!





🌟 잘못된 부분에 대한 말씀은 언제나 저에게 큰 도움이 됩니다. 🌟
👍 감사합니다!! 👍

profile
🥳믓진 개발자가 되겠어요🥳

0개의 댓글