[JS][Tools][0] TypeScript Note

相關網站

TypeScript (codeplex)專案 | TypeScript 官方網站 | Web Essentials | DefinitelyTyped

目前為止,我覺得 TypeScript 的上手度還滿高的,基本寫作模式在官方網站的影片也有解說,比較可惜的是 private 及 public ,只在 ts(TypeScript) 當中有效,最後輸出的時侯,仍然是無視這些。

DefinitelyTyped 可以到這邊找尋對應的 JS 工具, 最近很火紅的 angularjs 也有。

$(function () {
 // press f12, chrome debug mode
 var p = new My.Helper.Tools();
 p.Run();
 p.Run4();
});

namespace 觀念跟其它程式語言相同,只要不重覆就可以放在一起。

// Module
module My.Helper {
 // Class
 export class Tools{
  // Constructor( 選擇性 )
  constructor() { }
  //預設為 public
  Run(): void {
   //靜態用法
   Test.Run_0();

   var t = new Test();
   t.Run_1();
   t.Run_2();

   //不允許
   //t.Run3();
  }

  private Run4(): void {
   console.log("private Run_4");
  }
 }

 export class Test {
  constructor() { }
  static Run_0(): void {
   //for chrome
   console.log("static Run_0");
  }

  Run_1(): void {
   console.log("public Run_1");
  }

  public Run_2(): void {
   console.log("public Run_2");
  }

  private Run3(): void {
   console.log("private Run_3");
  }
 }

}

正常來說,有寫過其它程式語言,無痛上手應該是沒問題的 !!

外部 ts 檔的引用

/// <reference path="Test0000.ts" />
// Module
module My.Helper {
 // Class 繼承自 TestParent
 export class TestChild extends TestParent{
   // Constructor
  constructor() { super(); }
 }
}

被引用的對像

// Module
module My.Helper {
 // Class
 export class TestParent {
  constructor() { 
   //call me 
  }
 }
}

目前為止再專案上的使用,個人覺得還滿方便的,用法上可能上手度很高,所以覺得沒啥必要介面語法,除了比較特殊的地方。此外,ts 強型別對 debug 的幫助,也不小補,最後,可以暫時跳脫一堆 html 代碼 = =!! 。


網站記錄...

自從上次整理完一次 blog,就跑去工作到現在…不知不覺中,又過了二年。

前一年的工作依舊著眼在 flash 的開發,也參與了部份的框架的撰寫與構思,感覺還滿充實的。真的停下來回顧時,才發現一轉眼一年過了… 產品也正式上線了。其實,心理層面的學習,佔了很大的一部份吧。

第二年,開始開發手機的遊戲,排除時間上的壓力,學習新東西… 真的滿能帶給人滿足感,而在不同程式碼之間的游走,一不小心就又亂錯,常常 C++ 寫一寫,切回 Java Debug… 搞定之後,有時還會有人來詢問 AS3 的問題,那陣子自已都覺得好笑,有時除錯到都有點錯亂。不過,就程式上來說,是滿足的...

今年會開始把焦點,放在 Asp.Net 及 Go, 與 Dart 上。還是覺得應該小記,不然要記的東西,實在太多了。關於之前的檔案,想了一下,還是決定不救了,Google App Engine,看起來只能針對文字資訊來做備份,所以暫時就先這樣子,之後在抽時間整理 blogger 的代碼吧。