Home 전역 스크립트, 모듈
Post
X

전역 스크립트, 모듈

전역 스크립트 Global Script

파일 내에 import 또는 export 구문이 하나도 없는 경우를 말합니다.

이 경우 파일에 선언한 변수, 함수, 클래스 등은 모두 전역 스코프에 포함되어 다른 파일에서도 접근할 수 있습니다.

이 때, 여러 파일에서 같은 이름의 변수를 선언하면 이름 충돌이 발생할 수 있습니다.

1
2
3
4
5
6
// global.ts
const globalValue = 42;

function greet() {
  console.log("hi");
}

모듈 Module

파일 내에 importexport 구문이 하나라도 존재하면 자동으로 모듈로 취급됩니다.

모듈 파일은 자체적인 스코프를 가지며, 외부로 공개하려면 명시적으로 export 한 후, 사용하려는 곳에서 import 해야합니다.

1
2
3
4
5
6
7
8
9
10
11
12
// module.ts
export const moduleValue = 42;

export function greet() {
  console.log("hi!");
}

// app.ts
import { moduleValue, greet } from "./module";

console.log(moduleValue); // 42 출력
greet(); // "hi 출력
이 기사는 저작권자의 CC BY 4.0 라이센스를 따릅니다.