TypeScriptのClass をテンプレートにして作成 :: NJF Wiki

開始行:
内容は公式ページとだいたい同じなので、そちらも参照のこと。 [[http://www.typescriptlang.org/Handbook]] *クラスの定義 TypeScriptではプロトタイプベースではない、Javaなどと同様... ただし、「this」は省略不可。コンストラクタはクラス名では... class TestClass{ prm1:number; constructor(arg:number){ this.prm1 = arg; } showNumber():void{ alert(this.prm1 + "です"); } } var testClass:TestClass = new TestClass(2); testClass.showNumber();//=>2です *継承 extendsを使うと継承も可能。親クラスにはsuperでアクセス。... class TestClass{ prm1:number; constructor(arg:number){ this.prm1 = arg; } showNumber():void{ alert(this.prm1 + "です"); } } class TestExtended extends TestClass{ showNumber(){ this.prm1 ++; super.showNumber(); } } var testExtended:TestExtended = new TestExtended(2); testExtended.showNumber(); // => 3です *アクセス修飾子 アクセス修飾子は「public」と「private」がある。省略したと... publicはどこからでもアクセス可能で、privateはそのクラスの... private prm1:number; とすると、継承したクラスでprm1にアクセスしているため、エ... **引数のアクセス修飾子 アクセス修飾子をコンストラクタの引数で使うとクラスプロパ... class TestClass{ constructor(public prm1:number){ } } と class TestClass{ prm1:number; constructor(arg:number){ this.prm1 = arg; } は同じである。ただしコンストラクタ以外の引数でアクセス修... *アクセサー getやsetといったアクセサーが使える。ただし、ECMAScript 5... tsc -t ES5 yourfile.ts 文法は以下の通り。 class TestClass{ private _prm1:number; get prm1():number{ return this._prm1; } set prm1(p:number){ this._prm1 = p; } showNumber():void{ alert(this.prm1 + "です"); } } var tc:TestClass = new TestClass(); tc.prm1 = 10; tc.showNumber() // => 10です *スタティック変数 インスタンスではなく、クラスに属するスタティック変数を定... class TestClass1{ static prm:number = 1; showPrm(){ alert(TestClass1.prm); } } TestClass1.prm = 100; var tc:TestClass1 =new TestClass1(); tc.showPrm() // => 100

終了行:
内容は公式ページとだいたい同じなので、そちらも参照のこと。 [[http://www.typescriptlang.org/Handbook]] *クラスの定義 TypeScriptではプロトタイプベースではない、Javaなどと同様... ただし、「this」は省略不可。コンストラクタはクラス名では... class TestClass{ prm1:number; constructor(arg:number){ this.prm1 = arg; } showNumber():void{ alert(this.prm1 + "です"); } } var testClass:TestClass = new TestClass(2); testClass.showNumber();//=>2です *継承 extendsを使うと継承も可能。親クラスにはsuperでアクセス。... class TestClass{ prm1:number; constructor(arg:number){ this.prm1 = arg; } showNumber():void{ alert(this.prm1 + "です"); } } class TestExtended extends TestClass{ showNumber(){ this.prm1 ++; super.showNumber(); } } var testExtended:TestExtended = new TestExtended(2); testExtended.showNumber(); // => 3です *アクセス修飾子 アクセス修飾子は「public」と「private」がある。省略したと... publicはどこからでもアクセス可能で、privateはそのクラスの... private prm1:number; とすると、継承したクラスでprm1にアクセスしているため、エ... **引数のアクセス修飾子 アクセス修飾子をコンストラクタの引数で使うとクラスプロパ... class TestClass{ constructor(public prm1:number){ } } と class TestClass{ prm1:number; constructor(arg:number){ this.prm1 = arg; } は同じである。ただしコンストラクタ以外の引数でアクセス修... *アクセサー getやsetといったアクセサーが使える。ただし、ECMAScript 5... tsc -t ES5 yourfile.ts 文法は以下の通り。 class TestClass{ private _prm1:number; get prm1():number{ return this._prm1; } set prm1(p:number){ this._prm1 = p; } showNumber():void{ alert(this.prm1 + "です"); } } var tc:TestClass = new TestClass(); tc.prm1 = 10; tc.showNumber() // => 10です *スタティック変数 インスタンスではなく、クラスに属するスタティック変数を定... class TestClass1{ static prm:number = 1; showPrm(){ alert(TestClass1.prm); } } TestClass1.prm = 100; var tc:TestClass1 =new TestClass1(); tc.showPrm() // => 100

ページ名: