javascript - 如何使箭头功能在 IOS 9.3.1 上工作？

Question

我喜欢使用 fetch API 和 ES6 箭头函数，但我正在努力获得一个在 IOS Safari 9.3.1 上运行的简单示例。

function foobar() {
  fetch("https://httpbin.org/get", {
      method: "GET"
    })
    .catch(() => {
      console.log("Fail zone");
    })
    .then((res) => {
      if (res.ok) {
        res.json().then((json) => {
          document.getElementById("response").innerHTML = JSON.stringify(json, null, 2);
        });
      } else {
        console.log("error", res);
      }
    });
}

<button onClick="foobar(this);">Just testing</button>
<pre id=response></pre>

我缺少哪些 Javascript 以使其在 IOS 中运行？不热衷于创建自己的 bundle.js。

当我在 https://react.dabase.com/foo/ 上使用 fetch polyfill & type="text/babel" 时我在 Safari 的检查器中收到ReferenceError: Can't find variable。

此外，我在 Chrome 中得到 Uncaught ReferenceError: foobar is not defined。我错过了什么？

Answer 1

为了使箭头函数工作，我安装了 npm install babel-cli babel-preset-es2015 然后运行:

./node_modules/babel-cli/bin/babel.js --presets es2015 main.js -o compiled.js

至于 IOS 中的 Fetch API 支持，我刚刚找到了 https://cdnjs.cloudflare.com/ajax/libs/fetch/1.0.0/fetch.min.js

如果有更好的方法，请告诉我。