摘要： 是時候支持TS了！ Fundebug前端異常監控服務 "Fundebug" 提供專業的前端異常監控服務，我們的插件可以提供全方位的異常監控，可以幫助開發者第一時間定位各種前端異常，包括但不限於JavaScript執行錯誤以及HTTP請求錯誤。 並且，Fundebug支持Source Map還 ...
摘要： 是時候支持TS了！
Fundebug前端異常監控服務
Fundebug提供專業的前端異常監控服務，我們的插件可以提供全方位的異常監控，可以幫助開發者第一時間定位各種前端異常，包括但不限於JavaScript執行錯誤以及HTTP請求錯誤。
並且，Fundebug支持Source Map還原，記錄用戶行為以及“錄製”用戶操作視頻，幫助開發者快速復現BUG，提高Debug效率，歡迎大家免費試用~
Fundebug前端異常監控插件更新至2.0.0，全面支持TypeScript，為使用TypeScript的用戶提供更好的編程體驗。
關於TypeScript
想必大家都聽說過TypeScript：
- Vue 3.0使用TypeScript重寫
- Node.js作者使用TypeScript開發Deno，一個新的JavaScript後端語言
為什麼很多人開始使用TS了呢？
因為JavaScript沒有類型，而TypeScript有類型的，這樣可以提高代碼的正確性。另一方面，全面的類型推斷意味著編輯器可以提供完備的代碼補全和類型錯誤提醒，提高開發者的開發效率。
對TypeScript感興趣的同學，不妨看看TS作者Anders Hejlsberg的視頻Introducing TypeScript。Anders Hejlsberg是程式員界的傳奇人物，C#與TypeScript都是由他設計主導，年近60依然還在編程，但是，他的視頻非常淺顯易懂！
全面支持TypeScript
TypeScript已經在業界應用了多年，且越來越流行，因此Fundebug的前端異常監控插件也應該全面支持TypeScript了：
- 所有的代碼由JavaScript切換為TypeScript
- 嚴格遵守TSLint的語法規則
- 為fundebug的各個API編寫嚴格的類型聲明文件
對於TypeScript用戶來說，在使用fundebug的API，比如fundebug.test()時，可以方便地看到類型提示：
可知，fundebug.test()有2個可選參數name與message，類型都是字元串。
新增fundebug.init()方法
為了相容嚴格的TypeScript語法，我們新增了fundebug.init方法來配置各種屬性，例如apikey：
fundebug.init({
apikey: "API-KEY"
});TypeScript用戶在使用全局變數fundebug來配置各種屬性時，則會看到報錯：
這時，使用// @ts-ignore忽略下一行的報錯即可：
// @ts-ignore
fundebug.apikey = 'API-KEY'不過，還是推薦大家使用fundebug.init方法進行配置。
fundebug.d.ts
fundebug.d.ts為Fundebug前端異常監控插件的類型聲明文件：
// Type definitions for fundebug-javascript
// Project: https://www.npmjs.com/package/fundebug-javascript
// Definitions by: Fundebug <https://www.fundebug.com>
export as namespace fundebug;
export function init(config: IConfigs): undefined;
export function test(name?: string, message?: string): undefined;
export function notify(
name: string,
message: string,
options?: IOptions
): undefined;
export function notifyError(error: Error, options?: IOptions): undefined;
interface IConfigs {
apikey: string;
appversion?: string;
releasestage?: string;
user?: IUser;
metaData?: object;
callback?: ICallback;
setHttpBody?: boolean;
httpTimeout?: number;
filters?: object[];
silent?: boolean;
silentDev?: boolean;
silentResource?: boolean;
silentHttp?: boolean;
silentWebsocket?: boolean;
silentConsole?: boolean;
silentPerformance?: boolean;
sampleRate?: number;
domain?: string;
}
interface IUser {
name: string;
email: string;
}
type ICallback = (event: object) => void;
interface IOptions {
metaData?: object;
}參考
關於Fundebug
Fundebug專註於JavaScript、微信小程式、微信小游戲、支付寶小程式、React Native、Node.js和Java線上應用實時BUG監控。 自從2016年雙十一正式上線，Fundebug累計處理了20億+錯誤事件，付費客戶有陽光保險、核桃編程、荔枝FM、掌門1對1、微脈、青團社等眾多品牌企業。歡迎大家免費試用！
版權聲明
轉載時請註明作者 Fundebug以及本文地址：
https://blog.fundebug.com/2019/09/05/fundebug-javascript-2-0-0-support-typescript/
