「TypeScript」インターフェース(interface)のサンプル

2021年11月7日

システム情報
Windows10 64bit
TypeScript Version 4.4.4
構文
interface インターフェース名{
変数名:データの型
}
使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
//interfaceの定義
interface User {
age: number;
addr: string;
username: string;
}
//インターフェースのメンバーの値を設定
const cft: User = { age: 23, addr: '東京',username:'山田 太郎' }
//インターフェースのメンバーを出力
console.log('名前: '+cft.username)
console.log('住所: '+cft.addr)
console.log('年齢: '+cft.age)
//interfaceの定義 interface User { age: number; addr: string; username: string; } //インターフェースのメンバーの値を設定 const cft: User = { age: 23, addr: '東京',username:'山田 太郎' } //インターフェースのメンバーを出力 console.log('名前: '+cft.username) console.log('住所: '+cft.addr) console.log('年齢: '+cft.age)
//interfaceの定義
interface User {
    age: number;
    addr: string;
   username: string;
}
//インターフェースのメンバーの値を設定 
const cft: User = { age: 23, addr: '東京',username:'山田 太郎' }

//インターフェースのメンバーを出力
console.log('名前: '+cft.username)
console.log('住所: '+cft.addr)
console.log('年齢: '+cft.age)

実行結果

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
名前: 山田 太郎
住所: 東京
年齢: 23
名前: 山田 太郎 住所: 東京 年齢: 23
名前: 山田 太郎
住所: 東京
年齢: 23

 

TypeScript

Posted by arkgame