이 문서는 Google Cloud Translation API를 사용해 자동 번역되었습니다.
어떤 문서는 원문을 읽는게 나을 수도 있습니다.
TypeScript의 전역 선언: 전역 변수 및 함수 선언 방법
TypeScript는 선택적 정적 타이핑, 클래스 및 인터페이스를 제공하는 JavaScript의 상위 집합입니다. 개발자가 보다 유지 관리 및 확장 가능한 코드를 작성하는 데 도움이 됩니다. TypeScript의 기능 중 하나는 전역 변수 및 함수를 선언하는 기능입니다.
이 게시물에서는 TypeScript에서 전역 변수 및 함수를 선언하는 방법과 그렇게 해야 하는 이유를 살펴보겠습니다.
TypeScript에서 변수나 함수를 선언하면 선언된 파일이나 모듈로 범위가 지정됩니다. 즉, 내보내지 않으면 다른 파일이나 모듈에서 액세스할 수 없습니다.
그러나 전체 애플리케이션에서 액세스할 수 있는 변수나 함수를 선언해야 하는 경우가 있습니다. 이것은 전역 선언이 들어오는 곳입니다.
전역 선언은 선언된 파일이나 모듈에 관계없이 전체 응용 프로그램에서 액세스할 수 있는 변수 또는 함수입니다. TypeScript에서 전역 변수 또는 함수를 선언하려면 declare
키워드를 사용합니다.
다음은 TypeScript에서 전역 변수를 선언하는 방법의 예입니다.
declare var myGlobalVariable: string;
이 예에서는 string
유형의 myGlobalVariable
이라는 전역 변수를 선언합니다. 응용 프로그램의 다른 곳에서 초기화되므로 변수에 대한 값을 제공하지 않습니다.
마찬가지로 다음은 TypeScript에서 전역 함수를 선언하는 방법의 예입니다.
declare function myGlobalFunction(): void;
이 예에서는 인수를 받지 않고 void
를 반환하는 myGlobalFunction
이라는 전역 함수를 선언합니다.
전역 변수 또는 함수를 선언하면 응용 프로그램의 어디에서나 사용할 수 있습니다. 다음은 앞에서 선언한 전역 변수를 사용하는 방법의 예입니다.
myGlobalVariable = "Hello, world!";
console.log(myGlobalVariable);
이 예에서는 "Hello, world!"
값을 myGlobalVariable
에 할당한 다음 콘솔에 기록합니다.
다음은 앞에서 선언한 전역 함수를 사용하는 방법의 예입니다.
myGlobalFunction();
이 예에서는 myGlobalFunction
을 호출합니다.
TypeScript에서 전역 선언을 사용하려는 이유가 궁금할 수 있습니다. 결국 TypeScript는 개별 파일 또는 모듈로 범위가 지정된 모듈식 코드를 작성하도록 권장합니다.
그러나 전역 선언이 유용할 수 있는 상황이 있습니다. 예를 들어:
이러한 상황에서 전역 선언은 더 깨끗하고 유지 관리하기 쉬운 코드를 작성하는 데 도움이 될 수 있습니다.
window
객체를 사용하여 전역 변수 또는 함수를 선언할 수도 있습니다. 예를 들어:declare global {
interface Window {
myGlobalVariable: string;
myGlobalFunction: () => void;
}
}
이 구문은 window
개체의 myGlobalVariable
및 myGlobalFunction
속성을 선언하여 전역적으로 액세스할 수 있도록 합니다.
이 게시물에서는 declare
키워드를 사용하여 TypeScript에서 전역 변수 및 함수를 선언하는 방법을 살펴보았습니다. 또한 TypeScript 애플리케이션에서 전역 선언을 사용하려는 이유에 대해서도 논의했습니다.
전역 선언을 사용하면 여러 파일 또는 모듈에서 더 쉽게 작업할 수 있는 더 깨끗하고 유지 관리하기 쉬운 코드를 작성할 수 있습니다.