javascript - indexedDB 函数返回跨模块的导入/导出
问题描述
我仍然是初学者,所以我希望这是有道理的。
我正在尝试将返回变量从具有 IndexedDB 事务/游标的函数导出到具有 get 事务的另一个模块,但是该请求始终未定义。是否可以将 IndexedDB 函数的值传递给同一域内的其他模块?
db.js - 我正在导出的函数
...
function getAllData() {
// can use getAll() however not as efficient.
// let data = [];
let data = [];
let store = db.transaction("forms").objectStore("forms");
store.openCursor().onsuccess = (event) => {
let cursor = event.target.result;
if (cursor) {
console.log("FORM name is " + cursor.value.name + " and form counter is " + cursor.key);
// data.push(cursor.value.name);
data.push(cursor.value);
cursor.continue();
} else {
console.log("All entries retrieved");
console.log("the data form.name is " + data);
console.log("the data is " + data.length);
return data.length;
}
}
store.openCursor().onerror = event => {
console.log("Error in getting all data " + event.target.errorCode);
}
};
export { getAllData } ;
一个.js
import { getAlldData } from './db.js'
(() => {
function getIndex() {
let formData = getAllData();
console.log("the counter is " + formData); // shows formData as undefined
}
}
)();
是否可以在a.js formData中获取db.js getAllData ()的返回值?他们在 db.js 中正确地 console.log
解决方案
我看到你让它与回调一起工作。下面是一个使用 Promise 的例子。
export function getAllData() {
return new Promise((resolve, reject) => {
let data = [];
let store = db.transaction("forms").objectStore("forms");
const request = store.openCursor();
request.onsuccess = (event) => {
let cursor = event.target.result;
if (cursor) {
data.push(cursor.value);
cursor.continue();
} else {
resolve(data);
}
};
request.onerror = event => {
reject(new Error('Error getting all data'));
};
});
}
// and then to use it in another module you do this:
import { getAllData } from 'file';
getAllData().then(data => {
console.log('loaded %d rows', data.length);
for (const row of data) {
console.log('row of data:', JSON.stringify(row));
}
}).catch(error => {
console.log('got an error :( - ', error.message);
});
推荐阅读
- php - 在centos 7中更改nginx根目录
- excel - 有没有办法减慢 Web Scraper 的速度,以便它可以拾取代码?
- javascript - 插入 razor foreach 内的 JavaScript 对象?
- python - 基本电报机器人示例
- c++ - 使用 nbind 神秘警告构建 C++ 扩展
- bash - Unix:将第二列的每个元素附加到第一列的每个元素
- javascript - 带有嵌套元素的Javascript单击事件
- c++ - 当键是两个整数时,C++ 映射或 unordered_map?
- css - CSS3 背景重复不符合模式
- kubernetes - 无法在本地 minikube 设置中安装分蘖