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

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

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

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

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

第三方庫，文檔一般都是維護(hù)較好的，多花一點(diǎn)時(shí)間去讀文檔就ok了

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

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

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

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

// 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;
}

更復(fù)雜一點(diǎn)的例子

// 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