如何在 JavaScript 严格模式下使用 fetch() API？答案

【问题标题】：How to use the fetch() API in JavaScript Strict Mode?如何在 JavaScript 严格模式下使用 fetch() API？
【发布时间】：2018-10-11 13:35:07
【问题描述】：

如果我将"use strict"; 放在文件的顶部，编译器将抛出一个错误，指出'fetch' is not defined（与document. 或event. 一起调用，但我知道如何规避那些）。

【问题讨论】：

什么编译器？你在使用 Babel/TypeScript/ESLint 吗？如果是这样，请提供您的配置文件和一些代码。
jsfiddle.net
你在节点环境中吗？如果是，则 fetch 不是原生的。
@MadameTuxstdout：该链接指向 JSFiddle 主页面，而不是您的代码。如果您选择“保存”，您的 URL 应更改为可共享页面。但请注意，inline snippets 对于 StackOverflow 中的 HTML、CSS 和 JS 更方便。

标签： javascript fetch-api strict

【解决方案1】：

正如我在上面的评论中指出的，如果您尝试在节点中使用 fetch，您将需要使用库，但在浏览器环境中我无法复制您的问题（见下文）

'use strict';

fetch('https://jsonplaceholder.typicode.com/todos/1')
  .then(res => (res.ok) ? res.json() : new Error('something went wrong'))
  .then(data => console.log(data))
  .catch(err => console.error(err));

【讨论】：

是的，你是对的。我在浏览器环境中使用我的代码，所以我假设生产服务器上也会发生相同的行为。我错了。