[線上讀書會] 拉拉 主講 TypeScript 入門

https://youtu.be/KXc7PzE0FZM

https://hackmd.io/s/rkITEOYX 簡報

重點心得整理

1.js若型別 ts 強型別
2.強型別好處 可以在寫code中就知道問題點
3.支援所有JS型別(boolean、number、string、Array)再加入enum、any、void型別
4.es6 語法支持
5.寫法風格 一定要有類別 連回傳也需要
6.class 支援 private 屬性
7.有constructor
8.介面可以擴充並可以使用namespace 分散在不同檔案後再使用reference串再一起

/// <reference path="Shape.ts" />
/// <reference path="Square.ts" />
/// <reference path="Triangle.ts" />

9.當取用模組的path比較長時，可以使用 import q = x.y.z 的語法
10.tsc 基本設定黨格式長這樣

{
  "compilerOptions": {
    "target": "es5",    <-- 轉出的js版本
    "module": "commonjs", <--常見的jsmoudle模組
    "typeRoots": [
      "../../node_modules/@types/"    <-- 智能提示模組
    ]
  },
  "compileOnSave": true,
  "exclude": [
    "node_modules/*"
  ]
}

11.Ambient Declaration 常見的有jquery的$ 需要宣告後$這個就會被認得
12.取得@type智能提示的功能使用 npm install --save @types/lodash 方式
13.強型別才有的Generic 泛型

拉拉也有參加鐵人賽 去幫拉拉 加油打氣嚕 感謝拉拉的精彩分享

http://ithelp.ithome.com.tw/users/20103443/ironman/1155