在app.js中調(diào)用Page = pageDecorator(Page);和wx = wxDecorator(wx);時(shí)，不要帶var或const或let，因?yàn)閹Я撕缶椭辉诒卷撁嫔А２粠Р攀侨稚А?/li>
必須在app.js中調(diào)用，或在app.js中引用相關(guān)的文件中執(zhí)行上面2個(gè)語句。如果在頁面的js中調(diào)用，會(huì)來不及，那時(shí)候可能存在一些頁面初始化用了舊的Page對象。
只能執(zhí)行一次，多次執(zhí)行會(huì)導(dǎo)致多次代理/裝飾，不可取。

pageProxy

直接舉個(gè)例子，比如要修改onLoad生命周期函數(shù)的行為。

function onLoadProxy(onLoad?: WechatMiniprogram.Page.ILifetime['onLoad']): WechatMiniprogram.Page.ILifetime['onLoad'] {
  return function newOnLoad(query) {
    doSomethingWith(query); // 可訪問參數(shù)query，做一些事情，比如上報(bào)
    if (onLoad) { // 如果開發(fā)者在Page中定義了onLoad，我們需要調(diào)用一下開發(fā)者定義的onLoad
      return onLoad.call(this, query); // 注意這里必須用call(this)。這里也可以把query換成個(gè)新對象，達(dá)到修改參數(shù)的目的。（不建議直接修改query，因?yàn)闀?huì)把傳入的數(shù)據(jù)給改掉，而業(yè)務(wù)開發(fā)者不知情）
    }
  };
}

function pageProxy(Page: WechatMiniprogram.Page.Constructor): WechatMiniprogram.Page.Constructor {
  return function newPage(options) {
    const newOptions = { ...options };
    newOptions.onLoad = onLoadProxy(options.onLoad);
    Page(newOptions);
  };
}

關(guān)鍵點(diǎn)：重寫方法時(shí)，務(wù)必使用call(this)保持this引用，否則會(huì)導(dǎo)致業(yè)務(wù)開發(fā)者寫onLoad的函數(shù)體時(shí)，無法訪問到符合預(yù)期的this。

wxProxy

舉個(gè)例子，比如要修改wx.navigateTo導(dǎo)航函數(shù)的行為。

function navigateToProxy(navigateTo: WechatMiniprogram.Wx['navigateTo']): WechatMiniprogram.Wx['navigateTo'] {
  return function newNavigateTo(object) {
    doSomethingWith(object); // 可訪問參數(shù)object，做一些事情，比如上報(bào)
    // 這里可以直接把參數(shù)換個(gè)新對象，達(dá)到修改參數(shù)的目的
    // 注意下面是淺拷貝，不建議直接修改原始o(jì)ptions，因?yàn)闀?huì)把傳入的數(shù)據(jù)給改掉，而業(yè)務(wù)開發(fā)者不知情
    return navigateTo({
      ...object,
    });
  };
}

function wxProxy(wx: WechatMiniprogram.Wx): WechatMiniprogram.Wx {
  const newWx = { ...wx };
  newWx.navigateTo = navigateToProxy(wx.navigateTo);
  return newWx;
}