타이프 스크립트 모듈 내에서 "창"확장

Question

타이프 스크립트로 쓰고 모듈을 사용하지 않는 경우 글로벌 Window 개체를 확장 할 수 있습니다.

interface Window { 
    myCounter: number; 
} 

window.myCounter = window.myCounter || 0; 
++window.myCounter; 

function outputLoadingDetails() { 
    console.log(`myCounter= ${window.myCounter}`) 
} 

을하지만 export와 기능 outputLoadingDetails 접두사 경우, 내가 모듈에이 파일을 변환하고 나타납니다 예를 들어,이 컴파일합니다. window.myCounter에 액세스 할 때 컴파일러 오류가 발생합니다.

interface Window { 
    myCounter: number; 
} 

window.myCounter = window.myCounter || 0; // ERROR: property 'MyCounter' does not exist on type `Window` 
++window.myCounter;      // ERROR: property 'MyCounter' does not exist on type `Window` 

export function outputLoadingDetails() { 
    console.log(`myCounter= ${window.myCounter}`) // ERROR: property 'MyCounter' does not exist on type `Window` 
} 

내 인터페이스 선언은 더 이상 글로벌 Window 유형을 확장하고 나타납니다.

해결 방법 한 가지 해결 방법은 인터페이스 선언을 별도의 *.d.ts 파일에 넣고이를 내 모듈에서 참조하는 것입니다.

하지만 지금은 궁금합니다. 모듈 코드 내에서 Window 인터페이스를 확장 할 수있는 방법이 있습니까?

Answer 1

예, 당신은 단지 글로벌 선언에 인터페이스를 포장 할 필요가 확실하지 않다 :

declare global { 
    interface Window { 
     myCounter: number; 
    } 
} 

더 많은 정보 here

Answer 2

interface Window { mycounter:number; } 
window=Window; 
window.myCounter = window.myCounter || 0; 
++window.myCounter; 

나는 그것이 작동 될 수있다 생각하지만 난