摘要：最近遇到一個(gè)，在調(diào)用的接口時(shí)，有一個(gè)接口需要傳遞函數(shù)名過去，在中我已經(jīng)傳遞了函數(shù)名過去，但是在部分及以下的安卓手機(jī)以及上發(fā)現(xiàn)，并沒有收到我傳遞函數(shù)名，函數(shù)名為空，百思不得其解，后來瀏覽了上對(duì)的解釋后，修復(fù)了這個(gè)。

最近遇到一個(gè)bug，在調(diào)用APP的js接口時(shí)，有一個(gè)接口需要傳遞函數(shù)名過去，在js中我已經(jīng)傳遞了函數(shù)名過去，但是在部分Android6.0及以下的安卓手機(jī)以及iOS 8上發(fā)現(xiàn)，APP并沒有收到我傳遞函數(shù)名，函數(shù)名為空，百思不得其解，后來瀏覽了MDN上對(duì)function.name的解釋后，修復(fù)了這個(gè)bug。

項(xiàng)目基于VUE2.X開發(fā)，語法大部分使用ES6。

具體如下：

//需要傳遞給APP的函數(shù)
let callbackFn = {
    fn: () => {
        //...
    }
}

//調(diào)用APP的js接口
nativeAPI.call(callbackFn.fn.name)

簡單的邏輯如上所示，但是在與安卓開發(fā)和iOS開發(fā)聯(lián)調(diào)時(shí)，他們告訴我，在低版本手機(jī)中，我傳過去的回調(diào)函數(shù)名稱callbackFn.fn.name值為空字符串！就是說我并有獲取到function的名字！

經(jīng)過思考，嘗試了以下幾種辦法

經(jīng)過檢查，webpack中確實(shí)引入了babel-polyfill

module.exports = {
  context: path.resolve(__dirname, "../"),
  entry: {
    app: ["babel-polyfill", "./src/main.js"]
  },
...

.babelrc文件中配置如下

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["last 2 versions", "safari >= 7"]
      }
    }],
    "stage-0"
  ],
  "plugins": ["transform-vue-jsx", "transform-runtime"]
}

結(jié)果：然而發(fā)現(xiàn)并沒有解決問題。

將callbackFn改為

var callbackFn = {
    fn: function() {
        //...
    }
}

結(jié)果：還是不行

因?yàn)閖s的混淆會(huì)改變變量名，為了避免可能發(fā)生的錯(cuò)誤，將回調(diào)函數(shù)多帶帶挪到static文件夾中，不參與打包
結(jié)果：失敗

因?yàn)椴襟E3的失敗，讓我感覺問題可能沒有出在打包過程中，直覺告訴我，我獲取函數(shù)名的方法(function.name)可能有問題，于是去MDN搜索了一下，確實(shí)有所收獲。
Function.name - JavaScript | MDN

推斷函數(shù)名稱
變量和方法可以從句法位置推斷匿名函數(shù)的名稱（ECMAScript 2015中新增）。

var f = function() {};
var object = {
  someMethod: function() {}
};

console.log(f.name); // "f"
console.log(object.someMethod.name); // "someMethod"

注意描述：（ECMAScript 2015中新增）
這讓我極度懷疑，在函數(shù)名的傳遞過程中，可能瀏覽器并沒有幫我“推斷”，也許取到的還是匿名函數(shù)，所以我獲取函數(shù)名時(shí)，獲取的是空字符串，于是我開始手動(dòng)改寫，代碼如下：

//聲明函數(shù)
function callbackFn() {
    //...
}

//獲取函數(shù)名稱
let callbackName = callbackFn.name

//調(diào)用APP的js接口
nativeAPI.call(callbackName)

至此，這個(gè)問題解決了。

總結(jié)：
1.需要傳遞函數(shù)名的時(shí)候，最好顯式的聲明函數(shù)，否則依賴瀏覽器推斷函數(shù)名的話不可靠，瀏覽器種類眾多，不能確定是否實(shí)現(xiàn)了這個(gè)標(biāo)準(zhǔn)；
2.盡量避免使用傳遞函數(shù)名這種方式來做為回調(diào)函數(shù)，因?yàn)榻?jīng)過壓縮混淆時(shí)會(huì)改變函數(shù)名，這種做法不可靠。