Question

我正在尝试编写一些从node REPL environment运行的DOM解析代码。以下是SSCCE：

"use strict";

var jsdom = require("jsdom");

var html="<a></a>";

function parse(html, x) {
    jsdom.env(html, function(errors, window) {
        x.window = window;
    });
}

var x = {};
parse(html, x);
console.log(x.window);

我的想法是，在调用parse函数后，我将在x对象中使用已解析的DOM。

当我将上述代码放入文件j.js并从REPL加载时，我得到：

> .load j.js
> "use strict";
'use strict'
> var jsdom = require("jsdom");
undefined
> var html="<a></a>";
undefined
> function parse(html, x) {
...     jsdom.env(html, function(errors, window) {
.....         x.window = window;
.....     });
... }
undefined
> var x = {};
undefined
> parse(html, x);
undefined
> console.log(x.window);
undefined
undefined
>

为什么代码无法分配x.window属性？

Answer 1

jsdom.env回调被异步评估。这意味着在大多数情况下（可能总是）console.log(x.window)会在x.window = window;分配之前执行。

最简单的解决方法是传递在赋值后执行的回调函数：

...

function parse(html, x, done) {
    jsdom.env(html, function(errors, window) {
        x.window = window;
        done();
    });
}

var x = {};

parse(html, x, function() {
    console.log(x);
});

如何从节点REPL解析带有jsdom的DOM

1 个答案: