メインコンテンツまでスキップ

インターフェースを実装する

TypeScriptでは、クラスがインターフェースを実装できます。実装するにはimplementsキーワードを用います。

typescript
interface Human {
think(): void;
}
class Developer implements Human {
think(): void {
console.log("どういう実装にしようかな〜");
}
}
typescript
interface Human {
think(): void;
}
class Developer implements Human {
think(): void {
console.log("どういう実装にしようかな〜");
}
}

インターフェースを複数指定することもできます。そのときは,でインターフェースを区切り列挙します。

typescript
interface Human {
think(): void;
}
interface Programmer {
writeCode(): void;
}
class TypeScriptProgrammer implements Human, Programmer {
think(): void {
console.log("どういうコードにしようかな〜");
}
writeCode(): void {
console.log("カタカタ");
}
}
typescript
interface Human {
think(): void;
}
interface Programmer {
writeCode(): void;
}
class TypeScriptProgrammer implements Human, Programmer {
think(): void {
console.log("どういうコードにしようかな〜");
}
writeCode(): void {
console.log("カタカタ");
}
}

インターフェースで定義されたフィールドをクラスで実装するには、クラス側にはフィールドを定義します。

typescript
interface Human {
name: string;
}
class Developer implements Human {
name: string = "Bob";
}
typescript
interface Human {
name: string;
}
class Developer implements Human {
name: string = "Bob";
}