TypeScriptでタイプエイリアス (Type alias) を使用する

環境

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
Windows10 64bit
TypeScript Version 4.4.4
Windows10 64bit TypeScript Version 4.4.4
Windows10 64bit
TypeScript Version 4.4.4

書式

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
type エイリアス名 = {変数名:データ型}
let 変数名: User = {メンバー名:初期値}
変数名.メンバー名=変更値
type エイリアス名 = {変数名:データ型} let 変数名: User = {メンバー名:初期値} 変数名.メンバー名=変更値
type エイリアス名 = {変数名:データ型}
let 変数名: User = {メンバー名:初期値}
変数名.メンバー名=変更値

使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
//type aliasの定義
type User = {
depname: string;
depno: number;
delflg:boolean
};
let cft: User = { depname: '開発部', depno: 3003 ,delflg: true};
console.log("タイプエイリアスの値を変更する前")
console.log(cft.depname);
console.log(cft.depno);
console.log(cft.delflg);
console.log("------------")
console.log("タイプエイリアスの値を変更する後サンプル1")
cft.depname = "企画部"
cft.depno = 7007
cft.delflg = false
console.log(cft.depname);
console.log(cft.depno);
console.log(cft.delflg);
console.log("**************")
console.log("タイプエイリアスの値を変更する後サンプル2")
cft = { depname: '経営戦略部', depno: 4567 ,delflg: true};
console.log(cft.depname);
console.log(cft.depno);
console.log(cft.delflg);
//type aliasの定義 type User = { depname: string; depno: number; delflg:boolean }; let cft: User = { depname: '開発部', depno: 3003 ,delflg: true}; console.log("タイプエイリアスの値を変更する前") console.log(cft.depname); console.log(cft.depno); console.log(cft.delflg); console.log("------------") console.log("タイプエイリアスの値を変更する後サンプル1") cft.depname = "企画部" cft.depno = 7007 cft.delflg = false console.log(cft.depname); console.log(cft.depno); console.log(cft.delflg); console.log("**************") console.log("タイプエイリアスの値を変更する後サンプル2") cft = { depname: '経営戦略部', depno: 4567 ,delflg: true}; console.log(cft.depname); console.log(cft.depno); console.log(cft.delflg);
//type aliasの定義
type User = {
    depname: string;
    depno: number;
     delflg:boolean
};
 
let cft: User = { depname: '開発部', depno: 3003 ,delflg: true};

console.log("タイプエイリアスの値を変更する前")
console.log(cft.depname);
console.log(cft.depno);
console.log(cft.delflg);

console.log("------------")
console.log("タイプエイリアスの値を変更する後サンプル1")
cft.depname = "企画部"
cft.depno = 7007
cft.delflg = false
console.log(cft.depname);
console.log(cft.depno);
console.log(cft.delflg);

console.log("**************")
console.log("タイプエイリアスの値を変更する後サンプル2")
cft = { depname: '経営戦略部', depno: 4567 ,delflg: true};
console.log(cft.depname);
console.log(cft.depno);
console.log(cft.delflg);

実行結果

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
タイプエイリアスの値を変更する前
開発部
3003
true
------------
タイプエイリアスの値を変更する後サンプル1
企画部
7007
false
**************
タイプエイリアスの値を変更する後サンプル2
経営戦略部
4567
true
タイプエイリアスの値を変更する前 開発部 3003 true ------------ タイプエイリアスの値を変更する後サンプル1 企画部 7007 false ************** タイプエイリアスの値を変更する後サンプル2 経営戦略部 4567 true
タイプエイリアスの値を変更する前
開発部
3003
true
------------
タイプエイリアスの値を変更する後サンプル1
企画部
7007
false
**************
タイプエイリアスの値を変更する後サンプル2
経営戦略部
4567
true

 

TypeScript

Posted by arkgame