Typescript：インタフェースタイプとして変数タイプを定義しているときにエラーが発生しました

Question

以下のコードでは、変数をインタフェースタイプとして定義しようとしているときにステートメント（emp:IEmployee= { FirstName: "Saurabh", LastName: "Vats" };）でエラーが発生します。なぜTypeScriptは私にここでエラーを出すのですか？

class Greeter { 
    element: HTMLElement; 
    span: HTMLElement; 
    timerToken: number; 
    constructor(element: HTMLElement) { 
     this.element = element; 
     this.element.innerHTML += "The time is: "; 
     this.span = document.createElement('span'); 
     this.element.appendChild(this.span); 
     this.span.innerText = new Date().toUTCString(); 
    } 

    start() { 
     this.timerToken = setInterval(() => this.span.innerHTML = new Date().toUTCString(), 500); 
    } 

    stop() { 
     clearTimeout(this.timerToken); 
    } 

    print(employee: IEmployee) { 
     console.log(employee.FirstName + employee.LastName); 

    } 

} 

interface IEmployee { 
    FirstName: string; 
    LastName: string; 
} 
window.onload =() => { 
    var el = document.getElementById('content'); 
    var greeter = new Greeter(el); 
    greeter.start(); 
    emp:IEmployee= { FirstName: "Saurabh", LastName: "Vats" }; 
    greeter.print(emp); 

}; 

Answer 1

あなたはキーワードが不足しています。

これは正しくありません。

emp:IEmployee= { FirstName: "Saurabh", LastName: "Vats" }; 

は、それは次のようになります。

let emp:IEmployee= { FirstName: "Saurabh", LastName: "Vats" }; 

---

しかし、何らかの理由で、あなたはそれグローバル変数にしたかったです、か？ JavaScriptで

、あなたが書かれていた場合：

emp = { FirstName: "Saurabh", LastName: "Vats" }; 

あなたが実際にwindowオブジェクトにこれを追加することになります。あなたはまだtypescriptですでこれを行うことができます

、あなたはそれについて明確にする必要があります：

interface Window { 
    emp:IEmployee; 
} 

window.onload =() => { 
    var el = document.getElementById('content'); 
    var greeter = new Greeter(el); 
    greeter.start(); 
    window.emp = { FirstName: "Saurabh", LastName: "Vats" }; 
    greeter.print(emp); 
};