为什么会出现promise数据
出现Promise数据的原因是因为在JavaScript中，异步操作通常返回一个Promise对象，表示异步操作的最终结果。当使用.then()方法或await关键字处理异步操作时，我们实际上在等待Promise的解析，并通过回调函数或赋值给变量来获取异步操作的结果。
通过使用.then()方法或async/await语法，我们可以更方便地处理异步操作，避免了回调地狱（Callback Hell），使代码更加清晰和易读。
1.使用.then()方法：
Promise对象有一个.then()方法，它接收两个回调函数作为参数，第一个回调函数用于处理Promise解析（resolved）后的数据，第二个回调函数用于处理Promise被拒绝（rejected）后的错误。
function fetchData() {
return new Promise((resolve, reject) => {
// 假设异步操作成功，返回数据
setTimeout(() => {
resolve("这是Promise中的数据");
}, 1000);
});
}
fetchData().then((data) => {
console.log(data); // 输出：这是Promise中的数据
}).catch((error) => {
console.error(error);
});
在上述示例中，我们定义了一个名为fetchData的函数，它返回一个Promise对象。使用.then()方法，我们传入一个回调函数，该函数在Promise被解析后执行，并将解析后的数据作为参数传递给该回调函数。
2.使用async/await语法：
async/await是ES2017引入的一种语法糖，用于更方便地处理Promise。使用async关键字声明的函数会自动返回一个Promise，并且可以在函数体内使用await关键字来等待Promise解析。
function fetchData() {
return new Promise((resolve, reject) => {
// 假设异步操作成功，返回数据
setTimeout(() => {
resolve("这是Promise中的数据");
}, 1000);
});
}
async function getData() {
try {
const data = await fetchData();
console.log(data); // 输出：这是Promise中的数据
} catch (error) {
console.error(error);
}
}
getData();
在上述示例中，我们定义了一个名为getData的async函数，在函数内部使用await关键字等待fetchData()返回的Promise解析，并将解析后的数据赋值给data变量。