1. 程式人生 > >d.ts---更詳細的知識還是需要看官網的介紹(宣告檔案章節)

d.ts---更詳細的知識還是需要看官網的介紹(宣告檔案章節)

d.ts是啥東西

js檔案缺少了型別,ts那麼多的型別資料就都沒了,所以需要一個d.ts檔案來標記某個js庫裡面的物件的型別。

typings就是網路上的d.ts資料庫。

簡單來說,就是描述庫中成員型別來給TS用的。

好處:程式碼安全,編輯器能夠智慧提醒

還會定義很多export的資料型別,和interface供外部模組呼叫。很顯然就是資料規範。

宣告檔案

使用第三方庫的時候,需要引用它的宣告檔案

$('#foo');
// or
jQuery('#foo');

使用declare關鍵字來定義它的型別,幫助TS判斷傳入型別:

declare var jQuery: (selector: string) => any;

jQuery('#foo');

declare 定義的型別只會用於編譯時的檢查,編譯結果中會被刪除。

型別宣告放到一個單獨的檔案中,這就是宣告檔案。

// jQuery.d.ts

declare var jQuery: (string) => any;

使用///表示引用了宣告檔案:

/// <reference path="./jQuery.d.ts" />

jQuery('#foo');

索引簽名

可以用字串訪問js中的物件,儲存對其他物件的引用。