即使console.log显示值，也未定义Fetch promise
是指在使用Fetch API进行网络请求时，即使在控制台中打印出了返回的数据，但在后续的代码中仍然无法访问或使用这个返回的数据。
这种情况通常发生在使用Fetch API时没有正确处理返回的Promise对象。Fetch API是一种现代的网络请求API，它返回一个Promise对象，该对象在请求完成后会解析为一个Response对象。要正确处理Fetch promise，需要使用Promise的then()方法来处理返回的数据。
以下是一个示例代码，展示了如何正确处理Fetch promise：
fetch('https://api.example.com/data')
.then(response => response.json())
.then(data => {
console.log(data); // 在控制台中打印返回的数据
// 在这里可以访问和使用返回的数据
})
.catch(error => {
console.log(error); // 处理错误情况
});在上述示例中，首先使用fetch()函数发送一个GET请求到https://api.example.com/data。然后，通过调用response.json()方法将返回的Response对象解析为JSON格式的数据。接下来，使用第二个then()方法处理解析后的数据，并在控制台中打印出来。在then()方法的回调函数中，可以访问和使用返回的数据。最后，使用catch()方法处理可能发生的错误情况。
对于这个问题，可能的原因是没有正确处理Fetch promise，导致无法访问或使用返回的数据。请确保在使用Fetch API时正确处理返回的Promise对象，以便在后续的代码中可以访问和使用返回的数据。
关于Fetch API的更多信息，您可以参考腾讯云的相关产品和文档：
- 腾讯云CDN：https://cloud.tencent.com/product/cdn
- 腾讯云API网关：https://cloud.tencent.com/product/apigateway
- 腾讯云Serverless Framework：https://cloud.tencent.com/product/sls
- 腾讯云云函数（SCF）：https://cloud.tencent.com/product/scf
- 腾讯云云原生应用平台：https://cloud.tencent.com/product/tke
请注意，以上链接仅供参考，具体的产品选择应根据您的实际需求和情况进行评估和决策。
相关·内容
$q.all([promise]).then(function(data)){
console.log('resolved');
};
假设承诺是“未定义的”，什么时候它才会被解决？即使承诺为null或未定义，也将得到解决，因此对$q behavior.Please感到困惑，您能澄清这一点吗？
浏览 4提问于2015-08-18得票数 0
回答已采纳
我无法从预加载到组件控制器中的ui路由器获取解析数据(通过解析对象)。属性显示在组件的this对象中，但所有属性都是未定义的。为什么会发生这种情况？我已经被困在这个问题上有一段时间了.
下面是组件：
.component('wLoans', {
template: require('./loans.html'),
controller: LoansController,
bindings: {
settings: '<',
labels: '<'
}
})
浏览 4提问于2016-08-11得票数 0
回答已采纳
我试图理解fetch()的执行流程，但这与我的实验不一致。
我找到了这个答案
fetch方法确实会立即启动一个网络请求，该请求将被“并行”处理，即在事件循环之外。当收到请求响应时(而不是它的主体，通常是标头)，浏览器将排队一个新任务，它只负责解决这个承诺，从而排队处理它的微任务。
实验
我理解它，除了任务/微任务队列位。这就是我试过的实验：
function delay() {
i=0;
while(i<1000000000) i++;
}
console.log('start');
setTimeout(()=> {
浏览 13提问于2022-09-02得票数 1
1回答
获取后读取文件内容
、、、
在使用适当的头文件名导入文件后，我尝试使用.text()方法读取内容。这些方法应该返回一个包含已解析数据的promise。为什么当我console.log(文本)的时候我仍然是“未定义的”？
//fetch the three forms
let headerArr = ['text/html', "text/plain", "application/json","application/rainbows+unicorns"]
for (let type of headerArr){
fetch("https://
浏览 14提问于2020-05-08得票数 0
回答已采纳
首先，谷歌Chrome中的console.log存在一些问题，无法像预期的那样发挥作用。情况并非如此，因为我在VSCode工作。
我们从对服务器的两个async调用开始。
promise_a = fetch(url) promise_b = fetch(url)
由于fetch结果也是承诺的，因此需要对每个项目调用.json()。助手函数过程将被使用，正如Stackoverflow用户所建议的--很抱歉丢失了链接。
let promiseResults = []
let process = prom => {
pr
浏览 0提问于2019-07-18得票数 0
我得到了这个错误：
TypeError:无法读取控制器中未定义的属性“then”
控制器
fetchGameData() {
DataModel.getList().then(data => {
console.log(data);
})
}
DataModel
export default {
getList() {
fetch('URL')
.then((res) => {
return Promise.resolve(res.json());
})
浏览 5提问于2020-11-20得票数 3
1回答
我很困惑。
这是代码：
const clientInfoPromise = buildPromiseMethod
clientInfoPromise.then((clients) => {
console.log('clients ' + JSON.stringify(clients))
console.log(clients.typeOf)
console.log(_.keys(clients))
这是产出：
clients {}
undefined
['undefined']
我希望_.keys(客户端)返回一个空数组，而不是一
浏览 2提问于2015-10-18得票数 3
回答已采纳
因此，我试图将一个值存储为一个承诺，但是我遇到了一个问题:在Promise.resolve之前定义的对象在等待它之后是未定义的。工作流程是这样的：
console.log(user); // Prints out full user. Yay!
migration.user = Promise.resolve(user);
console.log(migration.user); // Promise { <pending> }
console.log(await migration.user); // undefined
有人知道什么会导致这种事发生吗？
浏览 0提问于2018-04-13得票数 2
回答已采纳
3回答
我是应许世界的新手，所以请告诉我以下情况：
function promiseDemo(fetch1,fetch2){
return Promise.all([fetch1,fetch2]).then(function(values){
return values[0]+values[1];
});
}
promiseDemo(ajax('sample1.html'),ajax('sample2.html')).then(function(sum){
console.log(sum);
浏览 5提问于2016-06-01得票数 2
回答已采纳
1回答
我正在尝试创建一个使用fetch从API获取数据的应用程序，但是每当我尝试将结果传递给另一个函数时，promise结果是未定义的。promise结果应该返回一个10个电影的数组。
//search through TV Maze library
const form = document.querySelector("#searchForm");
form.addEventListener("submit", (e) => {
e.preventDefault();
});
const printMovieData = async function
浏览 0提问于2021-09-03得票数 1
3回答
我是TypeScript的初学者，我无法理解为什么我的变量响应仍未定义，尽管我在获取时将结果分配给它。
这是我的代码：
class UserInfoRepositoryInPeopleAPI implements UserInfoRepository {
private static response: Promise<any> | undefined = undefined;
constructor() {}
init = async (accessToken: string) => {
const headers = ...
const
浏览 6提问于2020-07-29得票数 1
回答已采纳
下面是一个示例： let test = async () => {
let res = fetch('https://jsonplaceholder.typicode.com/todos/1')
}
console.log(test()) // Promise {<resolved>: undefined} 因为我没有返回任何东西，所以输出是Promise {<resolved>: undefined}，它是用undefined解决的。我明白这一点。 现在，这是第二个示例： let test = async () => {
let
浏览 21提问于2019-12-08得票数 1
回答已采纳
3回答
我得到了一个包含三个部分的代码，这些代码不能被更改：
1.调用getData函数，然后打印输出。
getData().then(console.log);
2.函数签名：
async getData(): Promise<string[]>
3.函数getDataFromUrl
function getDataFromUrl(url: string, callback: any) {
fetch(URL)
.then((content: any) => content.json())
.then((data) => callback(data));
浏览 5提问于2021-12-29得票数 0
1回答
我在我的机器上运行代码示例(安装了Node 5.8.0 )并获得下一个结果(参见代码示例之后)。
代码示例：
'use strict'
var p1 = Promise.resolve();
var p2 = Promise.resolve();
var p12 = Promise.all([p1, p2]);
var cb = function() {
console.log(p12);
}
setTimeout(cb, 0);
console.log(p1);
console.log(p2);
console.log(p12);
结果：
承诺{未定义}
承诺{
浏览 0提问于2016-03-19得票数 3
回答已采纳
它在fetch之后工作，然后在Promise.all()返回undefined之后工作。Promise.allSettled()也是如此。 function DrinksPage(props){
const [drinkCard, setDrinkCard] = useState([]);
var id = props.id;
useEffect( () =>{
var drinksPromises =
id.map( obj => {
var id = obj.idDri
浏览 82提问于2021-04-23得票数 3
回答已采纳
我需要在fech函数之外获取数据的帮助。
const getSpecies = (URL) => {
fetch(URL)
.then(response => response.json())
.then(data =>{
console.log(data.name);
})
}
我正在从api中获取数据，以获取1值。我不知道如何将这个值作为函数的值返回。我总是得到一个未定义的或Promise对象。我试着这样做：
const getSpecies = async (URL) => {
const data
浏览 1提问于2020-12-22得票数 0
1回答
我开始理解async / await了，但我还没有弄明白。我真的希望你能帮助我！
async function test1() {
const fetchPromise = await fetch("https://www.instagram.com/boarirkeerd/?__a=1", {})
.then(response => response.json())
.then(response => {
console.log(response["graphql"]['user']['id'])
浏览 2提问于2021-10-21得票数 0
我对JS非常陌生，尤其是异步编程。我正在尝试构建一个Express+React应用程序来显示gitHub用户的信息(包括一些带有5次提交的回复)。
为了执行后一种方法，我使用Promise.all和map来获取数组中每个repo的提交，并返回一个数组，并将提交添加到每个repo。
当我在map函数中返回新的console.log时，它可以工作，但是当我试图返回数组时，对象是未定义的。
我认为这是因为返回是在承诺解决之前执行的。有人能帮我解决这个问题吗？
//takes a username and collection of repos and finds their commits usin
浏览 1提问于2022-06-09得票数 1
在某些浏览器上，我只获得
未定义的ReferenceError: Set未定义。
它是用创建-反应-应用程序创建的reactjs应用程序。
为什么我仍然会犯错误呢？
如何使用多边形填充？
默认情况下，reactjs不使用多填充吗？
webpack.config.prod.js
entry: [require.resolve('./polyfills'), paths.appIndexJs],
polyfills.js
'use strict';
if (typeof Promise === 'undefined') {
// Rej
浏览 3提问于2018-01-12得票数 10
如果我使用超时解决3秒后延迟的问题，下面的代码可以工作，如下所示.
var myConstructor = function(){
var deferred = $.Deferred();
this.message = "yo";
setTimeout(function(){
deferred.resolve();
}, 3000);
return deferred.promise(this);
}
var myObj = new myCons
浏览 3提问于2014-09-24得票数 1
回答已采纳
3回答
N.B.在删除“复制：”之前，我意识到类似的问题以前曾多次被问过，但是我花了几个小时试图使用其他人的回复来实现这一点，最近的一次是线程中的noseratio的回复，但没有成功。
我有一个nodeJS服务器，它在函数f1请求时成功地返回数据，还有另一个函数f2，它调用f1，然后用于处理这个异步函数的输出。我试图使用异步/等待语法和f2中的附加承诺来实现这一点，如下所示。
async function f1(){
try{
let response = await fetch('MY SERVER URL');
let data = await
浏览 8提问于2020-03-31得票数 1
回答已采纳
我有一个页面(一个动态路由)，在该页面中，我从load函数中的API中获取数据。在获取数据之前显示加载指示符的正确方法是什么？我尝试过的事情：
使用等待块。我返回一个诺言来获取函数，然后在普通脚本标记中导出一个诺言变量。然后，在对数据进行操作之后，我手动解析这个承诺。
<script context="module">
export async function load({ fetch, page }) {
let collectionId = page.params.id;
let endpoint = url;
浏览 4提问于2021-06-28得票数 4
const fetchPrice = async (symbols) => {
const prices = {};
await Promise.all(
symbols.map(async (symbol) => {
const priceInformation =
(base.id, await base.fetch_ticker((Symbol = replacedSymbol)));
prices[symbol] = priceInformation;
})
);
return prices;
};
浏览 3提问于2022-04-16得票数 -1
我正在尝试检索Promise的[[PromiseValue]]。我的函数当前返回一个Promise，我希望myFunction返回的值是存储在返回Promise的[[PromiseValue]]中的值。 这将返回一个承诺。 myFunction(){
return fetch("/api")
.then(res => {
return res.json();
})
.then(json => {
return json;
})
} 我尝试过这个代
浏览 19提问于2020-08-14得票数 0
回答已采纳
我得到了一系列我要传递给Promise.all的承诺，但是我得到了Uncaught (in promise) Error，我不明白为什么。试图重现这个错误，我给出了下面的最小示例。
Promise
.all([
new Promise(async () => {
throw new Error('thrown');
}),
])
.then(results => {
console.log('results', results);
})
.catch(error => {
cons
浏览 0提问于2020-02-16得票数 2
回答已采纳
2回答
我正在学习Javascript中的承诺，当我对未定义的值使用Promise.all方法时，“然后”块正在执行。在这方面，有人能帮我打印未定义值的catch块吗？
let promise1, promise2, promise3, totalPromises;
totalPromises = () => {
return Promise.all([promise1, promise2, promise3])
.then(() => console.log("All promises are resolved"))
.catch
浏览 6提问于2021-12-28得票数 0
回答已采纳
2回答
如何避免获取数据时为空或未定义？
、、、、
我有一个来自catch( error ) console.log的错误，它是LOG TypeError: Array.from需要一个类似数组的对象，而不是null或未定义的。
现在，在在中更新函数之前，我希望避免从中删除空或未定义的。那么，我怎样才能避免这里的代码为空或未定义呢？
在从API中获取数据时，应该在哪里使用该函数。任何人都可以帮助使用过滤器或任何函数来避免null或在我的代码中未定义。
谢谢你提前尝试！
const [item, setItem] = useState();
async function fD() {
try {
co
浏览 3提问于2022-10-27得票数 0
回答已采纳
我在将stringReply值导入我的app.post(使用Express)时遇到了问题。因为我所知道的是，我认为在promise解析之前代码已经完全执行了，因此当我尝试记录stringReply时，给了我一个未定义的值。
fetch(osURL, setting)
.then(loadRes)
.then(logger)
function loadRes (res){
return res.json();
}
async function logger (reply){
let stringReply = await reply.answer;
sendingReply(stri
浏览 0提问于2020-06-10得票数 0
我正在学习更多关于JavaScript承诺的知识，在尝试将不同函数中的承诺逻辑组合到单个内联函数时遇到了一个问题。当我将其全部放入一个内联函数中时，它将导致承诺返回结果的“未定义”，而不是预期的“世界”值。
按预期工作，异步地解析承诺，并为承诺响应生成“world”。
app.get('/asyncTest', (request, response) => {
console.log("Request started...");
var helloResult = hello()
.then((res)=>
浏览 1提问于2019-07-23得票数 2
回答已采纳
1回答
我的一个服务器调用花费了将近30秒的时间来返回数据，所以数据总是没有定义，所以我使用异步和承诺来解决这个问题，但是得到了“未定义”。下面是我的代码段，谢谢
function fetchFunc() {
fetch('https://jsonplaceholder.typicode.com/posts')
.then(response => response.json())
.then((json) => {
// console.log(json)
浏览 1提问于2020-05-11得票数 0
回答已采纳
2回答
fetch("https://jsonplaceholder.typicode.com/posts").then(
(response) => {
console.log(response.json()); //why the data not logged and promise is logged
}
);
but work if i writte
let response = fetch("https://jsonplaceholder.typicode.com/posts")
.then((response) => r
浏览 5提问于2022-01-21得票数 0
回答已采纳
1回答
const promise1 = Promise.resolve(3);
const promise2 = 42;
const promise3 = new Promise((resolve, reject) => {
setTimeout(resolve, 100, 'foo');
});
Promise.all([promise1, promise2, promise3]).then((values) => {
console.log(values);
});
Promise(promise2).then((values) => {
cons
浏览 3提问于2020-12-18得票数 0
回答已采纳
下面的javascript代码段给出了.done语句上的错误。错误是“未定义的TypeError:未定义的不是一个函数”，因为我们可以用承诺完成，知道为什么会出现这个错误吗？
var promise = new Promise(function(resolve,reject)
{
if(true)
{
console.log("1");
}
浏览 3提问于2014-08-25得票数 1
我遇到了这个问题，当我试图在主函数中创建一个承诺时，返回“未定义的”，这是代码
export const pdfDownload = async ({ itemData }) => {
let today = new Date();
const { client_number, document_date, document_number, document_url, dx } = itemData
let url = document_url
let path = "./files/Downloads/" + dx + "/
浏览 4提问于2022-04-05得票数 -2
回答已采纳
这就是我的意思。
如果浏览器本机支持 (例如，Chrome)，则使用本机浏览器Promise。
如果我使用另一个Promise库(例如 )，原生fetch仍然没有使用它-它使用原生Promise实现。
有什么方法可以覆盖它吗？
问题示例：
window.Promise = function () { return null; };
fetch('/api')
.then(function (res) {
console.log('fetch result!', res); // still works because it uses native P
浏览 1提问于2016-02-13得票数 6
我有一些javasript代码，它接受现有的承诺(例如，fetch()返回的承诺)并添加值(例如，然后/捕捉侦听器进行调试，或者更多)：
let myFetch = function(url) {
return fetch(url).then(function(value) {
console.log("fetch succeeded: value=",value);
return value;
}.catch(function(reason) {
console.log("fetch failed: reason=",reaso
浏览 9提问于2016-03-23得票数 2
回答已采纳
我正在使用jQuery延迟，并且注意到了一种奇怪的行为。
见小提琴：
如果我使用$.when调用一组承诺
$.when(promise1, promise2)
.progress(function (message1, message2) {
alert(message1 + ' ' + message2);
});
如果promise1发送通知“hello”，而promise2发送“world”，我将收到两个消息框：
'hello未定义‘
和
'hello world'
第一个通知显然显示了来自promise1的消息，p
浏览 2提问于2012-03-15得票数 1
回答已采纳
我是一个新的react，这个羽毛笔插件真的把我搞糊涂了。我使用react-quilljs来显示一个可编辑的富文本字段，该字段应该预先填充了使用fetch from my API检索到的值。看起来很简单，对吧？但是我在fetch回调中得到了错误‘羽毛未定义’。 import React, { useState, useEffect } from "react";
import { useQuill } from "react-quilljs";
import "quill/dist/quill.snow.css";
import "qu
浏览 28提问于2020-12-30得票数 2
当我尝试运行"map“部分时遇到错误，它不能读取未定义的属性'map‘” 上面声明了customers常量，所以不确定。未定义的是从哪里来的？映射需要声明吗？ const AWS = require('aws-sdk'),
ses = new AWS.SES(),
fetch = require('node-fetch');
exports.handler = async (event) => {
console.log(event.customer_id);
const customers = await getCu
浏览 8提问于2019-06-28得票数 4
1回答
我正在使用模块rn-fetch-blob来管理React-Native项目中的下载。该模块提供了一个StatefulPromise类，它基本上是一个具有一些附加功能的promise。这种添加的功能给我的Jest单元测试带来了问题。以下是最初导致问题的模拟(文件__mocks__/rn-fetch-blob.js中的代码)： export default {
config: jest.fn(x => {
return {
fetch: jest.fn(x => Promise.resolve({ // <- I believe the problem
浏览 28提问于2020-06-14得票数 2
回答已采纳
2回答
我不明白为什么这段代码返回一组承诺，而最后一位返回实际数据(对象数组)：
( async() => {
const [user, posts] = await Promise.all([
fetch('https://jsonplaceholder.typicode.com/users'),
fetch('https://jsonplaceholder.typicode.com/posts')
]).then( ([res,res2]) => [res.json(),res2.json
浏览 6提问于2017-12-03得票数 1
回答已采纳
1回答
我似乎有一个无法处理的拒绝承诺，我找不到...
我已经使用--trace-warnings运行了nodejs，并且在我的脚本的顶部有以下代码：
process.on('unhandledRejection', (reason, p) => {
console.log('Unhandled Rejection at:', p, 'reason:', reason);
console.log(p)
console.log(reason)
});
当诺言被拒绝时，我看到：
Unhandled Rejection at: Promise
浏览 1提问于2018-04-12得票数 0
2回答
我试图在一个对象方法中获取文件并返回诺言，然后在同一对象的另一个方法中使用这些数据：
const translator = {
currentLanguage: '',
getText() {
fetch('js/text.json')
.then(res => res.json())
.then(res => {
console.log(res);
return new Promise((resolve)
浏览 0提问于2018-04-28得票数 0
回答已采纳
1回答
我有一个问题，在组件中解析数据显示为未定义。 下面是我的解决方案代码 export class MyResolve implements Resolve<any> {
constructor(private dataServ: DataService) { }
resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Promise<any> {
return forkJoin([
this.dataServ.getA(),
this.dataS
浏览 16提问于2020-11-25得票数 0
回答已采纳
我使用下面的代码来更新状态，但是在调用最后一个函数之前，Promise.all()数组并不总是被解析。有时，整个数组是填充的，但通常不是。
我正在将Promise.all()数组记录到控制台上，这样我就可以看到发生了什么。真正奇怪的是，状态总是正确地更新，但是调用数组中的单个元素往往返回“未定义”。我需要使用各个元素来创建一个新数组，以便稍后显示，这就是我要访问它们的原因。
请帮助我找出如何在数组完成更新时访问它，或者找到更好的方法来处理整个过程。
class X {
componentDidMount() {
const numTiles = 3;
for (let i
浏览 1提问于2018-08-08得票数 1
回答已采纳
1回答
我使用Meteor和React，并尝试从第三方javascript函数返回数据
该函数接受回调并返回一个值。该函数需要几秒钟才能解析
目前，回调返回一个未定义的值，但几秒钟后，控制台日志将显示正确的数据
我当前的代码如下
// ON THE CLIENT
// callback function that returns a deviceId
const callback = function( data ) {
// this callback fires with the correct data after a couple of seconds
console.log
浏览 0提问于2017-09-22得票数 0
我是个初学者，我试着制作一个内存游戏--这个组件为api获取数据，然后只使用有图像链接的
然后，在第一级，它应该显示3个随机图像从它总是displayedChars的获取数据:未定义，未定义，未定义
constructor(props) {
super()
this.state = {
level: 1,
numImg: 1*3,
displayedChars: [],
chars: []
}
}
async com
浏览 2提问于2022-07-03得票数 0
我是web开发的新手，我遇到了一个我无法解决的问题...我正在使用Vuejs，Express，MongoDB和Fetch API... 在我的脚本中，我从本地服务器获取数据： mounted() {
fetch("http://localhost:5000/api/" + this.$route.params.id)
.then((res) => res.json())
.then((data) => {
this.data = data
console.log(this.
浏览 9提问于2021-03-30得票数 0
回答已采纳
3回答
在这里，我有一个React组件的简化版本：
class Example extends Component {
constructor(props) {
super(props);
this.state = {key : 10 };
this.value = null;
}
componentDidMount() {
this.fetchValueFromServer();
this.fetchSecondValueFromServer();
}
fetchValueFr
浏览 1提问于2018-04-07得票数 0
回答已采纳
1回答
Javascript异步函数链
、、、、
我在节点服务器上有一组JavaScript函数，它们向外部API发出HTTP请求。我正试着把他们锁起来。我的HTTP函数返回一个承诺，因此我一直试图利用.then()。
var x = function(id){
//Passes a URL and the ID provided and returns a promise
return callAPI(url, id)
}
var y = function(id){
//Same deal. Different URL, but calls a URL with an ID and returns a promis
浏览 1提问于2015-02-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
