Search
Ad
|
新規
下位
一覧
検索
最新
ヘルプ
ページへ戻る
編集
複製
履歴
添付
印刷
TypeScriptのClass
をテンプレートにして作成
xpwiki
:TypeScriptのClass をテンプレートにして作成
開始行:
内容は公式ページとだいたい同じなので、そちらも参照のこと。
[[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
ページ名:
ぺージ情報
ぺージ名 :
TypeScriptのClass
ページ別名 :
未設定
ページ作成 :
njf
閲覧可
グループ :
すべての訪問者
ユーザー :
すべての訪問者
編集可
グループ :
すべての訪問者
ユーザー :
すべての訪問者
Counter: 0, today: 0, yesterday: 0
MenuBar
20
最新の0件
広告
ログイン
ユーザー名:
パスワード:
パスワード紛失
新規
下位
一覧
検索
最新
ヘルプ
ページへ戻る
編集
複製
履歴
添付
印刷
