ページへ戻る

− Links

 印刷 

TypeScriptの基本の型 :: NJF Wiki

xpwiki:TypeScriptの基本の型

TypeScript[1]の魅力の一つは型定義が使えること。 しかもJavaScript[2]互換なのでいつものJavaScript[2]開発で型定義だけ導入するという使い方も出来る。

（このページの内容は公式ページとだいたい同じなので、そちらも参照のことhttp://www.typescriptlang.org/Handbook[3]）

ページ内コンテンツ
  • 真偽型
  • Number型
  • String型
  • 配列
  • 列挙子（Enum型）
  • Any型
    • 注:型推論
  • Void型

真偽型 anchor.png[4] Edit [5]

trueとfalseが代入できる。

var b:boolean = false;
Page Top

Number型 anchor.png[6] Edit [7]

浮動小数点型。JavaScript[2]との互換性のためか、整数型はないらしい。

var n:number = 2.1;
Page Top

String型 anchor.png[8] Edit [9]

文字列が格納できる。

var s:string = "abc";
Page Top

配列 anchor.png[10] Edit [11]

次の２種類の定義が使える。2つの定義に差はない。

var list1:number[] = [1,2,3];
var list2:Array<number> = [1,2,3];
Page Top

列挙子（Enum型） anchor.png[12] Edit [13]

C++とかにあるのと同じようなもの。まずenumで型を定義し、それを使ってインスタンスを作る。

enum Color {Red, Green, Blue};
var c: Color = Color.Green;

指定しなければ各要素には0から通番がふられる。以下のようにして起点の数を変えることも出来る。

enum Color {Red = 1, Green, Blue};

全要素を定義することもできる。

enum Color {Red = 1, Green = 2, Blue = 4};

数値から変数名を文字列として取り出すことも出来る。

enum Color {Red = 1, Green, Blue};
var colorName: string = Color[2];

alert(colorName); // => Green

これは便利。

Page Top

Any型 anchor.png[14] Edit [15]

何型でも入る型。これを指定しないとTypeScript[1]は変換時に異なる型が代入されたのを検知するとエラーを出す。

var notSure: any = 4;
notSure = "文字列";
notSure = false; //  boolean
Page Top

注:型推論 anchor.png[16] Edit [17]

型を指定しない時はTypeScript[1]は型を類推して決める。

var s = "abc"; //string型と推論
s = 1; //エラー

型を決めたくない時は明示的にAny型を使う。

Page Top

Void型 anchor.png[18] Edit [19]

型がないことを明示する型。戻り値のない関数に使う。

function warnUser(): void {
    alert("どうよ？");
}

C系言語ではおなじみ。

Last-modified: 2016-03-08 (火) 14:04:40 (JST) (2963d) by njf
ページ別名: 未設定
ページ作成: njf
サイト管理: njf

Links list

(This host) = https://njf.jp

  1. (This host)/cms/modules/xpwiki/?TypeScript
  2. (This host)/cms/modules/xpwiki/?JavaScript
  3. http://www.typescriptlang.org/Handbook
  4. (This host)/cms/modules/xpwiki/?TypeScript%E3%81%AE%E5%9F%BA%E6%9C%AC%E3%81%AE%E5%9E%8B#u9c69f94
  5. (This host)/cms/modules/xpwiki/?cmd=edit&page=TypeScript%E3%81%AE%E5%9F%BA%E6%9C%AC%E3%81%AE%E5%9E%8B&paraid=u9c69f94
  6. (This host)/cms/modules/xpwiki/?TypeScript%E3%81%AE%E5%9F%BA%E6%9C%AC%E3%81%AE%E5%9E%8B#v0648239
  7. (This host)/cms/modules/xpwiki/?cmd=edit&page=TypeScript%E3%81%AE%E5%9F%BA%E6%9C%AC%E3%81%AE%E5%9E%8B&paraid=v0648239
  8. (This host)/cms/modules/xpwiki/?TypeScript%E3%81%AE%E5%9F%BA%E6%9C%AC%E3%81%AE%E5%9E%8B#z2cd7fb5
  9. (This host)/cms/modules/xpwiki/?cmd=edit&page=TypeScript%E3%81%AE%E5%9F%BA%E6%9C%AC%E3%81%AE%E5%9E%8B&paraid=z2cd7fb5
  10. (This host)/cms/modules/xpwiki/?TypeScript%E3%81%AE%E5%9F%BA%E6%9C%AC%E3%81%AE%E5%9E%8B#zf86ae54
  11. (This host)/cms/modules/xpwiki/?cmd=edit&page=TypeScript%E3%81%AE%E5%9F%BA%E6%9C%AC%E3%81%AE%E5%9E%8B&paraid=zf86ae54
  12. (This host)/cms/modules/xpwiki/?TypeScript%E3%81%AE%E5%9F%BA%E6%9C%AC%E3%81%AE%E5%9E%8B#y924a636
  13. (This host)/cms/modules/xpwiki/?cmd=edit&page=TypeScript%E3%81%AE%E5%9F%BA%E6%9C%AC%E3%81%AE%E5%9E%8B&paraid=y924a636
  14. (This host)/cms/modules/xpwiki/?TypeScript%E3%81%AE%E5%9F%BA%E6%9C%AC%E3%81%AE%E5%9E%8B#h985da2b
  15. (This host)/cms/modules/xpwiki/?cmd=edit&page=TypeScript%E3%81%AE%E5%9F%BA%E6%9C%AC%E3%81%AE%E5%9E%8B&paraid=h985da2b
  16. (This host)/cms/modules/xpwiki/?TypeScript%E3%81%AE%E5%9F%BA%E6%9C%AC%E3%81%AE%E5%9E%8B#vf318585
  17. (This host)/cms/modules/xpwiki/?cmd=edit&page=TypeScript%E3%81%AE%E5%9F%BA%E6%9C%AC%E3%81%AE%E5%9E%8B&paraid=vf318585
  18. (This host)/cms/modules/xpwiki/?TypeScript%E3%81%AE%E5%9F%BA%E6%9C%AC%E3%81%AE%E5%9E%8B#q9aae863
  19. (This host)/cms/modules/xpwiki/?cmd=edit&page=TypeScript%E3%81%AE%E5%9F%BA%E6%9C%AC%E3%81%AE%E5%9E%8B&paraid=q9aae863