class StatisticsSDK {
    constructor() {
      this.initPerformance(); // 性能分析
      this.initError(); // 錯(cuò)誤監(jiān)聽
    }
    // 初始化性能分析
    initPerformance() {
      const url = 'xxx';
      this.send(url, performance.timing)
    }

    // 初始化錯(cuò)誤監(jiān)聽
    initError() { 
      window.addEventListener('error', event => { 
        const {error, lineno, colno} = event;
        this.error(error, {lineno, colno})
      })
      // Promise 未catch的錯(cuò)誤
      window.addEventListener('unhandledrejection', event => {
        this.error(new Error(event.reason), {type: 'unhandledrejection'})
      })
    }

    // 發(fā)送埋點(diǎn)數(shù)據(jù)，作為公共方法被調(diào)用
    send(url, params = {}) {
      params.id = Date.now(); // 當(dāng)前時(shí)間戳
      const arr = [];
      for (let key in params) {
        arr.push(`${key}=${params[key]}`);
      }
      const newUrl = `${url}?${arr.join('&')}`; // 參數(shù)拼接在請(qǐng)求地址上
      // 使用img發(fā)送埋點(diǎn)數(shù)據(jù)
      // const img = new Image();
      // img.src = newUrl;
      const img = document.createElement('img');
      img.src = newUrl;
    }

    // 頁(yè)面訪問量
    pv() {
      const url = 'xxxx'
      // 調(diào)用send發(fā)送
      this.send(url, {key: 'pv', value: location.href})
    }

    // 自定義事件
    event(key, value) {
      const url = 'xxxx'; // 服務(wù)端地址
      // 調(diào)用send發(fā)送
      this.send(url, {key, value})
    }

    // 未捕獲的錯(cuò)誤，或者用戶自行發(fā)送錯(cuò)誤埋點(diǎn)數(shù)據(jù)時(shí)
    error(error, info = {}) {
      const url = 'xxx';
      const {message, stack} = error;
      this.send(url, {message, stack, ...info})
    }
  }
  const s = new StatisticsSDK();