首页 > 代码库 > [TypeScript] Using Interfaces to Describe Types in TypeScript
[TypeScript] Using Interfaces to Describe Types in TypeScript
It’s easy to pass the wrong value to a function. Typescript interfaces are great because they catch errors at compile time or in an IDE. In this lesson we’ll learn how to describe a type shape with Typescript interfaces.
Using interface to describe an object:
interface ComicBookCharacter { secretIdentity?: string; alias: string; health: number;}let superHero: ComicBookCharacter = { alias: ‘Zero‘, health: 8700};let superVillain: ComicBookCharacter = { secretIdentity: "YuLong", alias: "YuLong", health: 9150};function getSecretIdentity(character: ComicBookCharacter){ if(character.secretIdentity){ console.log(`${character.alias} is ${character.secretIdentity}`); } else { console.log(`${character.alias} has no secret identity`); }}getSecretIdentity(superHero);
Using interface to describe an function:
interface AttackFunction { (opponent: {alias: string; health: number}, attackWith: number): number;}interface ComicBookCharacter { secretIdentity?: string; alias: string; health: number;}function attackFunc(opponent, attackWith){ opponent.health -= attackWith; console.log(`${this.alias} attacked ${opponent.alias}, who‘s health = ${opponent.health}`); return opponent.health;}let superHero: ComicBookCharacter = { alias: ‘Zero‘, health: 9000, strength: 5000, attack: attackFunc};
Using extends:
interface OptionalAttributes { strength?: number; insanity?: number; dexterity?: number; healingFactor?: number;}interface ComicBookCharacter extends OptionalAttributes{ secretIdentity?: string; alias: string; health: number; attack: AttackFunction;}
Code:
interface AttackFunction { (opponent: {alias: string; health: number}, attackWith: number): number;}interface KrustyTheClown { alias: string; health: number; inebriationLevel: number; attack: AttackFunction;}interface OptionalAttributes { strength?: number; insanity?: number; dexterity?: number; healingFactor?: number;}interface ComicBookCharacter extends OptionalAttributes{ secretIdentity?: string; alias: string; health: number; attack: AttackFunction;}function attackFunc(opponent, attackWith){ opponent.health -= attackWith; console.log(`${this.alias} attacked ${opponent.alias}, who‘s health = ${opponent.health}`); return opponent.health;}let superHero: ComicBookCharacter = { alias: ‘Zero‘, health: 9000, strength: 5000, attack: attackFunc};let superVillain: ComicBookCharacter = { secretIdentity: "YuLong", alias: "YuLong", health: 7600, insanity: 200, attack: attackFunc};function getSecretIdentity(character: ComicBookCharacter){ if(character.secretIdentity){ console.log(`${character.alias} is ${character.secretIdentity}`); } else { console.log(`${character.alias} has no secret identity`); }}superHero.attack(superVillain, superHero.strength); //"Zero attacked YuLong, who‘s health = 2600"
[TypeScript] Using Interfaces to Describe Types in TypeScript
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。