摘要：出現(xiàn)的背景前端項目趨向工程化之后，模塊化開發(fā)模式開始成為主流公用的邏輯和都被抽出來，獨立成模塊，供外部調(diào)用。的強類型等語法檢查和編譯都是在編譯時實現(xiàn)的，運行時還是。靜態(tài)類型靜態(tài)類型是的核心特性。先通過示例來看看和的對比。

前端項目趨向工程化之后，模塊化開發(fā)模式開始成為主流：

公用的邏輯和UI都被抽出來，獨立成模塊，供外部調(diào)用。在調(diào)用這些模塊時，就會面臨著溝通問題，我們要知道如何去調(diào)用，參數(shù)是什么，返回值是什么，它們的類型和結(jié)構(gòu)？

第三方庫，如JQuery，你想通過看源文件來查看如何調(diào)用，難度很大，一般都是壓縮混淆過的。只能訪問技術文檔網(wǎng)站，查API文檔。

內(nèi)部的庫，有寫文檔最好，可以讀文檔。沒有寫文檔的，只能去讀源代碼，或當面去問。

第三方庫，文檔一般都是維護較好的，多花一點時間去讀文檔就ok了

內(nèi)部庫，如果文檔維護不好，可能會出現(xiàn)用法不對，出現(xiàn)問題，影響開發(fā)質(zhì)量和進度

TypeScript是JavaScript的超集，在它的基礎上設計了一套新語法，提供了靜態(tài)類型，高級數(shù)據(jù)類型等語言特性。但最終還是編譯成JavaScript執(zhí)行。

TypeScript的強類型等語法檢查和編譯都是在編譯時實現(xiàn)的，運行時還是JavaScript。

靜態(tài)類型是TypeScript的核心特性。
先通過示例來看看JavaScript和TypeScript的對比。

// JavaScript
export function formatA(var1) {
    let ret;
    if(typeof var1 === "string") {
        ret = "[log]" + var1;
    } else {
        throw new Error("param must be a string!");
    }
    
    return ret;
}

// TypeScript
export function formatA(var1: string): string {
    let ret: string = "[log]" + var1;
    return ret;
}

更復雜一點的例子

// JavaScript
export const fetch = function (url, params, user) {
  // dosomething

  return http(options).then(data => {
    return data
  }).catch(err => {
    return err
  })
}

// TypeScript

export interface User {
    userid: number,
    username: string,
    userTags?: Array
}

export const fetch = function (url: string | object, params?: any, user?: User): Promise