Category: 資訊相關Idea與筆記

以下是看 Quick start 的紀錄：

• Type annotation：一般動態語言是沒型別的，但 TypeScript 加上了這部份的支援，這可以讓開發者在編譯時期就預先發現型別錯誤，也可以編譯出更有效率的程式，讓程式執行的更快。語法像是 Go 或 Pascal (知道這語言的人應該不多了)，是在變數後面加上 :type，例如：

  var str:string="hello world";

• Interface：介面，沒啥特別的，看範例比較快

  interface Person {
      firstName: string;
      lastName: string;
  }
  
  function greeter(person: Person) {
      return "Hello, " + person.firstName + " " + person.lastName;
  }
  
  var user = { firstName: "Jane", lastName: "User" };
  

• Class：大致上跟 java 的用法相似，不過在看到 QuickStart 範例時，還是驚訝了一下，主要是因為 TypeScript 語法並沒有明確指定類別實作了 Person 介面，但這個類別所產生的物件仍可以直接丟到只接介面的函式裡。後來仔細看了一下，才知道是因為 TypeScript 的 constructor (建構子)裡的參數加了 public，那麼會自動將這個參數放到同名的屬性去，也因此就符合了 Person 介面的要求。

  class Student {
      fullName: string;
      // 這裡的 public firstName，等同是函式裡有 this.firstName=firstName
      constructor(public firstName, public middleInitial, public lastName) {
          this.fullName = firstName + " " + middleInitial + " " + lastName;
      }
  }
  
  // 故意不要有 lastName
  class Employee {
      constructor(public firstName) {
      }
  }
  
  interface Person {
      firstName: string;
      lastName: string;
  }
  
  // 因為 Student 裡有 firstName, lastName 屬性，視同實作了 Person
  function greeter(person : Person) {
      return "Hello, " + person.firstName + " " + person.lastName;
  }
  
  var user = new Student("Jane", "M.", "User");
  var employee = new Employee("John");
  console.log(greeter(user));
  // console.log(greeter(employee));  // 加了這行，編譯會發生錯誤，告知 employee 不符合 Person 介面
  

我習慣用的環境是 Ubuntu，目前用的是 16.04 Xenial。

第一步是安裝，安裝 nodejs 有幾種方法：

1. 從 nodejs.org 下載 tarball，手動安裝。
2. 用 debian package 來安裝 (nodesource)
3. 用 nvm 來安裝

之前有用過 nvm 了，這次我選擇用 debian package 來安裝 LTS 版的 nodejs。

curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash -
sudo apt-get install -y nodejs

安裝好，就可以利用 npm 來安裝 TypeScript 了。不過，因為我不想把 typescript 安裝在系統路徑 (一般是用 sudo npm install -g typescript)，所以我多設定了 .npmrc 以及環境變數：

prefix = /home/user/.local
root = /home/user/.local/lib/node_modules
binroot = /home/user/.local/bin
manroot = /home/user/.local/share/man

export LOCAL_PATH="$HOME/.local"
export MANPATH="$LOCAL_PATH/share/man:$MANPATH"
export NODE_PATH="$LOCAL_PATH/lib/node_modules:$NODE_PATH"
export PATH="$LOCAL_PATH/bin:$PATH"

在設定好以後，使用 npm install -g 時，會將這些套件安裝到自己的 $HOME/.local 目錄下。

在使用 npm install -g typescript 以後，我另外安裝了去年推出的 yarn。

curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
sudo apt install yarn

首先寫一個 hello.ts

console.log("Hello world.");

然後用 tsc 來將 hello.ts 編譯為 hello.js: tsc hello.ts ，最後就可以用 node 執行 hello.js 印出 “Hello world.”