Fundebug前端异常监控插件更新至2.0.0，全面支持TypeScript

摘要： 是时候支持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;
}

参考

• Anders Hejlsberg: Introducing TypeScript

关于Fundebug

Fundebug专一于JavaScript、微信小程序、微信小游戏、支付宝小程序、React Native、Node.js和Java线上应用实时BUG监控。 自从2016年双十一正式上线，Fundebug累计处理了20亿+错误事件，付费客户有阳光保险、核桃编程、荔枝FM、掌门1对一、微脉、青团社等众多品牌企业。欢迎你们免费试用！

版权声明

转载时请注明做者 Fundebug以及本文地址：

https://blog.fundebug.com/2019/09/05/fundebug-javascript-2-0-0-support-typescript/