Question

我正在使用Google Chrome扩展程序。在弹出窗口中，我有以下代码：

var bookmarks = [];
function appendBMTnode(node){
    bookmarks.push([node[0].title, node[0].id]);
}
function addchildren(results){
    for(x = 0; x < results.length; x++){
        bookmarks.push([results[x].title, results[x].id]);
        chrome.bookmarks.getChildren(results[x].id, addchildren);
    }
}
function getallbookmarks(){
    chrome.bookmarks.get('0', appendBMTnode);
    chrome.bookmarks.getChildren('0', addchildren);
}
getallbookmarks();
console.debug(bookmarks.length);
console.debug(bookmarks);

现在，我假设第一个命令会发出我的书签数量。实际上，当我使用Chrome的调试器并将bookmarks.length添加到监视列表时，值为418。在调试器的控制台中，我可以编写bookmarks.length，它会给我正确的长度。我可以输入

for(x = 0; x < bookmarks.length; x++){ console.debug(bookmarks[x]); }

我得到每个内部数组的字符串表示。但是，原始console.debug(bookmarks.length)给出的输出为零。如果我将console.debug(bookmarks[0]);添加到popup.html，它会告诉我该值未定义。

但是，如果我将以下内容添加到getallbookmarks()（第一个或最后一个）：

for(x = 0; x < 10; x++){
    bookmarks.push(x);
}

然后bookmarks.length首先是10，然后是428.当我添加以下函数时：

function printlen(){
    console.debug(bookmarks.length);
}

然后在身体中添加

<a href="#" onclick="printlen()">test</a>

然后我也会得到正确的bookmarks.length值。

任何线索为什么书签对象不会注册？

Answer 1

chrome.bookmarks.get是一个异步函数。当你调用它时，它会立即返回，在后台加载书签数据。

因此，如果您在致电bookmarks.length后立即查看getallbookmarks()，那么它自然会不完整。当您稍后单击按钮printlen()时，书签加载将在此时完成，阵列将被填充。

在调用bookmarks和appendBMTnode()之前，您无法确定addchildren()数组是否已完整且可以使用。这就是chrome.bookmark方法采用回调函数而不是仅返回值的原因。

[编辑]：

如何“等待”直到它完成加载所有内容？

你真的不能，JavaScript没有给你语言级工具（比如线程或协同例程）来同步运行异步代码，反之亦然。你必须习惯于根据回调函数编写异步代码。

在这种情况下，您可以拥有一个计数器，每次调用get()或getChildren()时都会增加，并在每个appendBMTnode和addchildren回调结束时递减。如果计数器在该点达到零，则没有异步调用等待，因此您可以调用自己的“完成”回调函数。回调函数通常被编写为内联函数表达式，以使流更清晰。

目前代码的一个问题是书签数组没有固有的顺序，因为所有内容都是并行调用的。我们无法保证get()会在getChildren()之前返回结果，并且每次addchildren再次调用getChildren()时，不同父母的结果可以按任何顺序排列。

请考虑使用getTree()方法。这将一次性为您提供整个书签列表，这可能会更容易处理：

var bookmarks= [];
chrome.bookmarks.getTree(function(marks) {
    for (var i= 0; i<marks.length; i++)
        bookmarks.push([marks[i].title, marks[i].id]);
    // bookmarks is now populated. do code that relies on bookmarks here
});
// at this point bookmarks will still be empty, the callback function hasn't
// happened yet

Google Chrome javascript数组错误？

1 个答案: