Question

我想更改使用Promise来处理回调的功能

fatch的结果就像这样

[{ href: 'http:/segmentfault.com/q/1010000002714413',
    title: 'js图片轮播' },
  { href: 'http:/segmentfault.com/q/1010000002714953',
    title: 'stackoverflow, segmentfault 之类的网站是如何实现在输入问题时，下方出现模糊搜索的结果提示？' },
  { href: 'http:/segmentfault.com/q/1010000002711687',
    title: 'js与局域网' } ]

第一次，我使用模块＆＃34; q＆＃34;改变功能

function fatch(url) {

    var deferred = Q.defer();
    superagent.get(url)
        .end(function(err, data) {
            if (err){
                console.log(err);
                deferred.reject(err);
            } 
            var $ = cheerio.load(data.text);
            var result = [];

            $('.question-stream .stream-list__item').each(function(index, ele) {
                var $ele = $(ele);
                var href = path.join(url, $ele.find('.title a').attr('href'));
                var title = $ele.find('.title').text();

                result.push({
                    href: href,
                    title: title
                });
            });

            // console.log(result);
            deferred.resolve(result)
            return deferred.promise;

        });

}

我希望我可以通过＆＃34;然后＆＃34;

得到结果

fatch(url).then(console.log(data),console.log(err));

但我失败了：

TypeError: Cannot read property 'then' of undefined

我试试这种方式：

function fatch(url) {

var promise = new Promise();
superagent.get(url)
    .end(function(err, data) {
        if (err){
            console.log(err);
            promise.reject(err);
        } 
        var $ = cheerio.load(data.text);
        var result = [];

        $('.question-stream .stream-list__item').each(function(index, ele) {
            var $ele = $(ele);
            var href = path.join(url, $ele.find('.title a').attr('href'));
            var title = $ele.find('.title').text();

            result.push({
                href: href,
                title: title
            });
        });

        // console.log(result);
        promise.resolve(result)
        return promise;

    });

}

但它没有像以前一样工作..

TypeError: Promise resolver undefined is not a function

我改变了这样的功能，它正在工作：

function fatch(url) {

    var deferred = Q.defer();
    var result = [];
    superagent.get(url)
        .end(function(err, data) {
            if (err) {
                console.log(err);
            }
            var $ = cheerio.load(data.text);


            $('.question-stream .stream-list__item').each(function(index, ele) {
                var $ele = $(ele);
                var href = path.join(url, $ele.find('.title a').attr('href'));
                var title = $ele.find('.title').text();

                result.push({
                    href: href,
                    title: title
                });
            });

        });
    // console.log(result);
    deferred.resolve(result);

    return deferred.promise;

}

我希望得到结果：

fatch(url).then(function(data){
    console.log(data);
},function(err){
    console.log(err);
});

我不知道为什么数据是[]？

实际上，这是我第一次使用Promise而且我很困惑，如何使用promise更改功能，请帮帮我，非常感谢〜

Answer 1

你的第三种方法是好方法，但是当你在返回承诺之前“解决”延迟时，你就错了。您可以在异步代码中进行同步解析。所以解决方案实际上是你的＃1尝试和＃3尝试之间的混合：

    function seekToTime(value) {
    var vidPlayer = $("#myVideo")[0];
    var seekToTime = value;
    if (seekToTime < 0 || seekToTime > vidPlayer.duration)
        return; 

    vidPlayer.currentTime = seekToTime;
    $("#myVideo")[0].play();

}

Answer 2

您需要return在两个函数结束时创建的承诺。

function fetch(url) {
    var deferred = Q.defer();
    // ...
    return deferred.promise;
}

您似乎正在尝试从回调内部返回它。它需要立即返回（以便可以添加处理程序）。

承诺未定义

2 个答案: