타입 import/export, namespace

김범주·2022년 7월 16일
0

typescript

목록 보기
14/23
post-thumbnail
//(a.ts)
export var 이름 = 'kim';
export var 나이 = 30;

//(b.ts)

import {이름, 나이} from './a'
console.log(이름)
------------------------------------------------------------------------------------
import * from './a';
console.log(이름);
console.log(나이);

이런식으로 export할 변수 앞에 export를 붙이고 javascript에서 import export하는 것 마냥 사용하면 된다.

//(a.ts)

export type Name = string | boolean;
export type Age = (a :number) => number;

//(b.ts)

import {Name, Age} from './a'
let 이름 :Name = 'kim';
let 함수 :Age = (a) => { return a + 10 } 

변수 뿐 아니라 타입도 마찬가지

namespace

//(a.ts)

namespace MyNamespace {
  export interface PersonInterface { age : number };
  export type NameType = number | string;
} 
//(b.ts)

/// <reference path="./a.ts" />

let 이름 :MyNamespace.NameType = '민수';
let 나이 :MyNamespace.PersonInterface = { age : 10 };

namespace는 과거에 사용하던 문법으로 '<'reference /'>'라는 태그를 이용해서 다른 파일을 import해오고 그 파일에 있던 namespace를 사용할 수 있게 해줌

profile
개발꿈나무

0개의 댓글