首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么这个fetch函数没有返回任何东西呢?

fetch函数没有返回任何东西的原因可能是由于以下几种情况:

  1. 请求还未完成:fetch函数是用于发送异步请求的,当调用fetch函数时,请求会被发送到服务器,但是由于网络延迟或其他原因,请求可能还未完成。在这种情况下,fetch函数不会立即返回结果,而是返回一个Promise对象,该Promise对象最终会resolve为一个Response对象。
  2. 请求失败:如果请求失败,比如网络错误或服务器返回错误状态码,fetch函数也不会返回任何东西。可以通过在Promise链中添加catch方法来捕获错误并进行处理。
  3. 请求被取消:在某些情况下,可能会手动取消fetch请求,这种情况下fetch函数也不会返回任何东西。

需要注意的是,fetch函数返回的Promise对象可以通过调用Response对象的方法来获取请求的结果,比如调用response.json()来获取JSON格式的响应数据,或者调用response.text()来获取文本格式的响应数据。

腾讯云相关产品和产品介绍链接地址:

  • 云函数(Serverless):https://cloud.tencent.com/product/scf
  • 云服务器(CVM):https://cloud.tencent.com/product/cvm
  • 云数据库 MySQL 版:https://cloud.tencent.com/product/cdb_mysql
  • 云原生容器服务(TKE):https://cloud.tencent.com/product/tke
  • 云存储(COS):https://cloud.tencent.com/product/cos
  • 人工智能平台(AI Lab):https://cloud.tencent.com/product/ailab
  • 物联网开发平台(IoT Explorer):https://cloud.tencent.com/product/iotexplorer
  • 移动推送服务(信鸽):https://cloud.tencent.com/product/tpns
  • 区块链服务(BCS):https://cloud.tencent.com/product/bcs
  • 腾讯云游戏引擎(GSE):https://cloud.tencent.com/product/gse
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

4k字介绍 React Router 6.4 超大变化:引入 Data API。你不纯粹了!

在「该路由对应的element」内,可以使用 hook useLoaderData (下文会介绍)来获取这个函数返回值(通常是http请求的response)。...你返回什么,它就拿到什么。但是 React Router 官方建议,返回一个 Web规范 中的 Fetch API 的 Response。...实在是忍不住了,想发表个人观点:感觉没用,屁用没有。...再次忍不住发表个人观点:为什么要加这个功能?是为了给 Data API “擦屁股”。由于引入了 loader,内部有 API 请求,必然导致路由切换时,页面需要时间去加载。加载时间长了怎么办?...为了实现方案二,它引入了defer函数和组件。3.1 defer 函数在 loader 内使用,表明这个 loader 需要展示 Loading 态。

6K61
  • 【React】883- React hooks 之 useEffect 学习指南

    如果这样做了以后,你的effect还是需要用到组件内的函数(包括通过props传进来的函数),可以在定义它们的地方用useCallback包一层。为什么要这样做?...(关于这个过程更深入的探讨可以查看我的另一篇文章 React as a UI Runtime。) 每一次渲染都有它自己的事件处理函数 到目前为止一切都还好。那么事件处理函数? 看下面的这个例子。...注意我们没有撒谎。既然我们在effect里使用了step,我们就把它加到依赖里。所以这也是为什么代码能运行正确。 这个例子目前的行为是修改step会重启定时器 - 因为它是依赖项之一。...这么做有什么好处?我们不再需要去考虑这些“间接依赖”。我们的依赖数组也不再撒谎:在我们的effect中确实没有再使用组件范围内的任何东西。...**使用useCallback,函数完全可以参与到数据流中。**我们可以说如果一个函数的输入改变了,这个函数就改变了。如果没有函数也不会改变。

    6.5K30

    Node.js的事件循环

    这个限制实际上非常有用,因为它大大简化了编程方式,而不必担心并发问题。 只需要注意如何编写代码,并避免任何可能阻塞线程的事情,例如同步的网络调用或无限的循环。...此时,调用堆栈如下所示: 每次迭代中的事件循环都会查看调用堆栈中是否有东西并执行它直到调用堆栈为空: 入队函数执行 上面的示例看起来很正常,没有什么特别的:JavaScript 查找要执行的东西,并按顺序运行它们...此时,调用堆栈如下所示: 这是程序中所有函数的执行顺序: 为什么会这样? 消息队列 当调用 setTimeout() 时,浏览器或 Node.js 会启动定时器。...事件循环会赋予调用堆栈优先级,它首先处理在调用堆栈中找到的所有东西,一旦其中没有任何东西,便开始处理消息队列中的东西。...我们不必等待诸如 setTimeout、fetch、或其他的函数来完成它们自身的工作,因为它们是由浏览器提供的,并且位于它们自身的线程中。

    2.7K20

    为什么说Suspense是一种巨大的突破?

    为此,我们使用某种形式的缓存来存储数据,在每次渲染时,我们通过这个缓存来确定数据是否已经可用(然后它只是从变量中读取它), 在这种情况下它会触发fetch,并抛出Promise的结果来让React捕获。...没有人喜欢具有数千个独立loading的应用程序,其中一些只闪烁几毫秒,页面内容在数据请求的过程中会发生跳动。 所以为什么Suspense是一种巨大的突破?...我们不是描述了一个渲染函数,我们描述了三个。 ?...闪烁的loading→糟糕的用户体验 如果用户的互联网连接足够快,显示loading只有几毫秒甚至比完全没有显示任何东西更糟糕,这会使你的应用程序感觉更加笨拙和慢。 你能看到这种模式吗?...闪烁的loading: 这里仍然有问题 Suspense 所以Suspense如何来解决上面这些问题

    1.6K30

    关于MySQL应该学习的6件事

    而如果需要有大于 64 个值的集 合,该怎么办,这时就需要定义多个集合来一起解决这个问题了。 4....用 mysql_unbuffered_query() 开发快速的脚本 这个函数能用来替换 mysql_query() 函数,主要的区别就是 mysql_unbuffered_query...() 执行完查询后马上返回,不 需要等待或者对数据库加锁。...但是返回的行数不能用mysql_num_rows() 函数来检查,因为输出的结果集大小未知。 5. 通配符 SQL 的通配符有两种:“ * ”和“ % ”。分别用在不同的情况下。...NOT NULL 和空记录 如果用户在没有任何东西的情况下按了 submit 按钮,会怎样?如果你确实需要一个值,那么可以用客户端脚本或者服务器端脚本来进行数据验证。

    87560

    为什么我避免使用asyncawait?

    唯一可以优化的地方是保存函数没有任何其他选择。我看了第二个例子,也有同样的想法。唯一可以优化的地方是保存函数。也许只是因为我对Promise的太熟悉了,但我看了第三个例子,我很快看到了一个机会。...在async/await版本中并不是没有提示。关键字async和await应该给我们同样的直觉,就像第三个版本中的then一样。但我敢打赌,对许多工程师来说,它并没有为什么没有?...每当有try/catch时,我们现在不仅要担心函数返回什么,还要担心它抛出什么。我们不仅有分支逻辑,这增加了复杂性,而且还必须担心同时处理两种不同的范式。一个函数可以返回一个值,也可以抛出。...在我讨论这个问题之前,首先让我承认,事实上不可能用async/await创造出金字塔结构的回调地狱,所以它有这个优势。但是我从来没有写过一个超过两级的promise流,没有必要。...一旦你在一个promise的上下文中,任何返回的值都会通过它冒泡。Promise、number、字符串、函数、对象,等等。

    1.9K42

    前端-学习JavaScript是一种什么样的体验?

    为什么不用 HTML 了……? 现在可是 2016 年啊,没有直接写 HTML 的。 对哦。好吧,加了这两个依赖,是不是就可以开始用 React 了? 不行哦。...诶,那第六个版本? 你说的是 ES6。每个版本都是上一个版本的超集,所以你直接使用最新的 ES2016+ 就好了。 对哦。为什么不用 ES6 ?...哦,好吧,为什么 Webpack 是加强版? 额,可能并没有加强吧。...额,React 没有提供这个功能,你只能用 React 展示数据。 服了啊。那我怎么获取数据? 你用 Fetch API 就可以了。 啥玩意?这个 API 的名字很烂啊。 我也觉得是啊。...甚至可以同时发起多个请求,然后等待它们全部返回Fetch 也能做到吗? 是的。

    1.1K30

    OpenAI发布8个模拟机器人环境以及一种HER实现,以训练实体机器人模型

    这个装置的确切性质取决于机器人的应用。)移动到期望的目标位置。 ? Fetchslide-v0(滑动):Fetch必须在一个长桌上打击一个冰球,这样它就可以滑过,并在期待的目标上停下来。 ?...典型的强化学习算法不会从这种经验中学到任何东西,因为它们只获得一个不包含任何学习信号的恒定奖励(在这种情况下是-1)。...HER的正式观点是人类直觉上所做的:即使我们没有在一个特定的目标上取得成功,我们至少也取得了一个不同的目标。那么,为什么不只是假装我们想要开始实现这个目标,而不是我们最初想要实现的目标?...HER+多步骤的返回:在HER上所使用的经验是非常没有策略的,因为我们可以替代目标。这使得在多步骤返回时很难使用它。但是,多步骤返回是可取的,因为它们允许更快地传播关于返回的信息。...在这个方向上已经有了一些初步的结果。 非常频繁的强化学习行动:当前的强化算法对采取行动的频率非常敏感,这就是为什么在Atari开发的游戏中使用跳帧技术的原因。

    1.1K120

    来,我们手写一个简易版的mock.js吧(模拟fetch && Ajax请求)

    自动检测环境为开发环境时启动Mock.js M3. mock代码能直接覆盖global.fetch方法或者XMLHttpRequest构造函数,实现开发无感知 M4. mock配置不影响实际的请求.../fetchMock.js'); } M3. mock代码能直接覆盖global.fetch方法或者XMLHttpRequest构造函数,实现开发无感知 // fetchMock.js window.fetch...直接上代码 // 保存系统原生的fetch const originFetch = window.fetch; // 根据fetch的要求返回的response const normalize =...返回的response的其他方法,例如Body.formData()等等 再谈mock.js ?...这个库目前在github是13k, 当然我觉得这个库是很强大的,因为它覆盖了从名字,地名,文章甚至是图片资源的mock数据,但是在实际使用中却多少有那么一点点“鸡肋”的感觉,为什么我会有这样一种感觉

    1.4K30

    四张图带你搞定原型和原型链

    Function函数也是函数,刚刚我们说函数是通过new Function生成,但它是一种特殊的情况,不通过任何东西创建,它是JS引擎启动的时候直接添加到内存当中的。...add构造函数创建的对象都可以访问这个函数。...原型,同理,我们自定义函数的原型必然指向自定义函数原型,这里有个比较特殊的点,就是Function函数没有任何东西创建它,它是由JS引擎启动的时候直接添加到内存里面的,故Function函数直接指向Function...隐式原型指向创建该对象的函数的原型,要理解这句话,我们必须要知道函数是谁创建的?这个谁的原型是什么?...__proto__ === Function.prototype; // true 我们都知道所有的函数都有共同的成员,比如call、apply、bind等等,我们并没给自定义函数上加上这些成员,那么为什么可以使用

    48610

    如何优雅地校验后端接口数据,不做前端背锅侠

    背景 最近新接手了一批项目,还没来得及接新需求,一大堆bug就接踵而至,仔细一看,应该返回数组的字段返回了 null,或者没有返回,甚至返回了字符串 "null"??? 这我能忍?...第二天,同样的事情又在其他的项目上演,我只是一个小前端,为什么什么错都找我啊!! 日子不能再这样下去,于是我决定写一个工具来解决遇到 bug 永远在找前端的困境。...TypeScript 运行时校验 如何对接口数据进行校验,因为我们的项目是 React+TypeScript 写的,所以第一时间就想到了使用 TypeScript 进行数据校验。...但是众所周知,TypeScript 用于编译时校验,有没有办法作用到运行时?...,所以我首先想到的是在函数中增加一层校验逻辑。

    1.3K20

    React内部是如何实现cache方法的?

    前几天写的一篇介绍use这个新hook的文章中聊到React原生实现了一个缓存函数的方法 —— cache。...cacheFn(1, 2, 3); React内为什么需要cache方法?...这意味着当没有其他数据引用这个key时,他可以被垃圾回收。而在Map中,key到value是强引用,即使没有其他数据引用这个key,他也不会被垃圾回收。...这不仅意味着当没有其他数据引用他时,这个cacheNode节点能够释放内存,同时也意味着这个cacheNode之后的cacheNode链会断掉,他们占用的内存也会释放。...这是为了应对「某些函数需要在React组件多次render间返回稳定的值」的场景。 比如:对于相同的传参,请求数据的函数返回同一个promise。

    1.2K30

    强烈推介的几个微信小程序开发小技巧,简单又实用

    在微信小程序原生开发过程中,我不断发出这样的疑问「为什么堂堂技术人才多如牛毛的腾讯,会推出如此 laji」,很多弱智反人类的地方,在两三年前社区就已经提出来,官方回复已经反馈正在修复中,但几年过去了,还是没有音信...,res为回调参数 }) .catch(res => { // 请求失败回调函数,res为回调参数 }) 并且 then 函数返回的是一个 Promise 对象,让这个函数可以不断链式调用下去...对象上可以被 Promise 化的方法比如 request、scanCode、showToast、getUserInfo 等一一挂载到 wx.pro 对象上,使用时可以直接 wx.pro.xx,由于这个方法执行返回的是一个...鉴于微信小程序开发时 setData 的使用体验十分蹩脚,我使用了个库函数 wx-updata,这个函数在开发的时候对我很有帮助,这里特意推介给大家。...,跳过数组项里不想改变的,只设置我们提供了的属性值、数组项,岂不是省略了一大堆蹩脚的代码,而且可读性也极佳

    1.5K30

    Fetch API速查表:9个最常见的API请求

    为什么要使用 Fetch API? 如今,我们被所有提供漂亮的 SDK 的服务宠坏了,这些 SDK 将实际的 API 请求抽象化,我们只需要使用典型的语言结构来请求数据,而不关心实际的数据交换。...但是,如果你所选择的平台没有 SDK 怎么办?或者如果你同时构建服务器和客户端?在这些情况下,你需要自己处理请求,这就是使用 Fetch API 的方法。...API 请求的结果 Fetch API 返回一个 Promise。...这就是为什么我总是使用 .then() 和回调函数来处理响应的原因: fetch(...).then(response => { // process the response } 但是,如果你处于异步函数中...: 如何检查 Fetch API 响应的状态码 发送 POST,PATCH 和 PUT 请求时,我们通常对返回状态代码感兴趣: fetch(...).then(response => { if (response.status

    1.3K20

    【Laravel系列4.6】

    之前在学习 PDO 的时候,我们清楚地知道这是 PDO::ATTR_DEFAULT_FETCH_MODE 被设置成了 PDO::FETCH_OBJ 的结果,那么在 Laravel 框架中,我们如何修改这个配置...而且我们直接输出连接生成的 PDO 会看到 DEFAULT_FETCH_MODE 确实是被设置成 ASSOC 了,这是为什么?...没错,最后在 fetch() 的时候,其实还可以设置 FETCH_MODE ,而且这个地方设置的结果会影响最终返回的内容。那么我们就深入源码看一下是不是这样。...这里是不是有什么玄机? 如果你去网上搜索如何让 Laravel 返回的结果变成数组的话,那么大部分都会给出下面这段代码。...另外还需要注意的一点是,Model 查询的结果如果使用了 toArray() 的话,返回的数据直接就是数组格式的,为什么

    1.4K30
    领券