KIC/TYPESCRIPT

[TypeScript] 기본4 export, import

octopengj 2020. 11. 2. 15:43

export

/*
9. lib
자주 사용, 반복적인 구문(함수), 상수, 클래스도 불러다 사용이 가능
*/

// 1. 함수, 상수, 클래스명 앞에 매번 export 키워를 사용 -> import
/*
export const pi=Math.PI //3.141592~ =>import    //export는 접근허용자 역할을 한다.

export function square(x){ //10.main.ts파일에서 불러다 사용하고 싶다. -> export를 사용해야 한다.
    return x+x
}
console.log(square(10))

export class Person3{ 
    name:string // ES6에서는 멤버변수 -> 생성자를 통해서 초기화
    constructor(name){
        this.name=name
    }
}
*/

// 2. ts파일 밑에 한꺼번에 export를 지정해서 공유하는 방법

const pi=Math.PI //3.141592~ =>import    //export는 접근허용자 역할을 한다.

function square(x){ //10.main.ts파일에서 불러다 사용하고 싶다. -> export를 사용해야 한다.
    return x+x
}
console.log(square(10))

class Person3{ 
    name:string // ES6에서는 멤버변수 -> 생성자를 통해서 초기화
    constructor(name){
        this.name=name
    }
}
// 형식) export {상수명,함수명,클래스명,,,}
export {pi,square,Person3}

import

/*
10. main

형식) import {불러올 클래스명, 상수, 함수} from '상대경로 및 불러올 파일명'
*/

// import {pi,square,Person3} from './lib'  //확장자 생략

// 형식2) import * as 별칭명 from '상대경로 및 불러올 파일명'

import * as lib from './lib'

console.log(lib.pi) //console.log(별칭명.불러올 대상자)
console.log(lib.square(20))
console.log(new lib.Person3('Lee'))

//tsc main.ts
//node main.js


//터미널 결과
20
3.141592653589793
40
Person3 { name: 'Lee' }