Как мне вернуть значение из простой функции jsdom? - PullRequest
Новая
       15

Как мне вернуть значение из простой функции jsdom?

5 голосов
/ 23 февраля 2012

Я использую jsdom с jquery, и он работает просто отлично. Тем не менее, я пытаюсь немного модулировать свой код, чтобы не повторяться, поэтому я сделал базовую функцию из некоторого кода jsdom, который принимает некоторый html (DOM), настраивает его с помощью jquery и выплевывает обратно , Однако я не могу вернуть свой результат и, таким образом, присвоить его вызывающей переменной. Я, вероятно, не вернусь в нужное место, но я просто не вижу очевидного, если это так. Могли бы воспользоваться небольшой помощью.

Вот код: 

function tweakIt(html_in){
  var jsdom = require('jsdom');
  jsdom.env({
    html: html_in,
    scripts: [
      '../public/javascripts/jquery-1.7.1.min.js',
    ],
    done: function(errors, window) {
      var $ = window.$;
      // do some jquery magic and manipulate the dom
      $('body').append('<div>foo</div>');

      console.log('Freshly Manipulated HTML: '+ $('body').html()); // it logs perfectly
      return $('body').html(); // this isn't returned to where I called tweakIt() from, why not?
    }
  });
}

var oldhtml = '<html><body><div>some text</div></body></html>';
var newhtml = tweakIt(oldhtml); // never gets set because nothing gets returned, why?

EDIT:

Это действительно была асинхронная проблема, поэтому вот как это следует сделать, используя обратный вызов вместо возврата: 

function tweakIt(html_in, callback){
  var jsdom = require('jsdom');
  jsdom.env({
    html: html_in,
    scripts: [
      '../public/javascripts/jquery-1.7.1.min.js',
    ],
    done: function(errors, window) {
      var $ = window.$;
      // do some jquery magic and manipulate the dom
      $('body').append('<div>foo</div>');

      console.log('Freshly Manipulated HTML: '+ $('body').html()); // it logs perfectly
      callback($('body').html()); // instead of a return, pass the results to the callback
    }
  });
}

var oldhtml = '<html><body><div>some text</div></body></html>';
var newhtml = tweakIt(oldhtml, function(newstuff){
  console.log(newstuff); // woohoo! it works!
});

Ответы [ 2 ]

5 голосов
/ 23 февраля 2012

Я не думаю, что вы можете сделать это, используя возвращаемое значение, потому что done: является асинхронной функцией. Попробуйте добавить обратный вызов в ваш tweakIt и получить новый html, отправив его в качестве параметра, например,

tweakIt(oldHtml, function(newHtml) {/*use the result here*/})

1 голос
/ 04 августа 2017

Новая версия JSDOM API больше не включает функцию обратного вызова «done».

Поэтому я написал «обратный вызов бедняка» для доступа к переменной DOM только после того, как она была установлена. 

function getSomeDOMVar(callback) {

    const jsdom = require("jsdom");
    const { JSDOM } = jsdom;

    const dom = new JSDOM(`
    <!DOCTYPE html>
    <html>
        <body>
            <script>
                var result; // globally scoped, undefined var, accessible in the node scope as dom.window.result

                function doSomething() {
                    // your code goes here
                }

                // then assign the data you want back to your the globally scoped var
                result = doSomething();

            </script>
        </body>
    </html>
    `, {
        runScripts: "dangerously",
        resources: "usable"
    });

    // poor man's callback
    function waitForVar() {
        if (typeof dom.window.result !== 'undefined') {
           cb(dom.window.result);
        }
    }
    setTimeout(waitForVar, 1000);
}

getSomeDOMVar(function(result) {
    console.log(result)
});
...