后端有全链路监控，能分析出模块之间的调用情况，前端一般日志打点、收集、上报，都是面条式的日志。在前端 SDK 的执行过程中能否收集更多更全面的信息，如 API 及回调函数的附属关系，API 和 API 间的上下文关系。

利用 Proxy 代理 SDK 暴露出去的对象，递归 Hook API 及 API 的结果，收集属性 get、set、API 调用、回调函数执行情况等。直观看到 API 在业务代码中的执行情况，收集调用信息方便编写测试案例等。

演讲提纲：

1.  背景介绍

    SDK调用日志零散

2.  方案选型

    (1) 传统打日志方式
    (2) Proxy 对比 defineProperty

3.  Proxy 介绍

    (1) 能否替代原对象
    (2) 能收集哪些信息
    (3) 性能对比

4.  链路信息
    (1) API 结果
    (2) 参数处理
    (3) 回调函数
    (4) 上下文

5.  可视化

听众收益：

1.  加深对 Proxy 的理解
2.  前端 SDK 基于 ES6 Proxy 的深度日志收集
3.  方便编写测试用例
4.  腾讯小程序前端测试案例

前言亮点：

前端 SDK 的日志全链路

知识储备：

1.  ES6 基础知识
2.  Proxy
3.  日志上报