javascript - 关于Promise,为何我这样写不能得到正确的执行顺序?
学习ing
学习ing 2017-07-05 11:02:27
0
1
844
$.ajax({
    url: '/latestNewsIndex',
    type: 'get',
    dataType: 'json',
    timeout: 1000,
    success: function (data, status) {
        if (data.value.length == 0) {
            alert("暂时没有更多新闻!");
        }
        else {
            f2(data.value);
        }
    },
    fail: function (err, status) {
        alert('暂时没有更多新闻!');
    }
})

function f2(news) {
    var promise = new Promise(function(resolve,reject) {
        pullUpAction(news);
        resolve(1);
    });

    promise.then(
        function(id) {
            loaded()
        });
}

通过ajax,然后调用f2(),可以实现先执行pullUpAction(news),结束后执行loaded()。可是如果直接执行否f2(),像下面:

f2(news);
function f2(news) {
    var promise = new Promise(function(resolve,reject) {
        pullUpAction(news);
        resolve(1);
    });

    promise.then(
        function(id) {
            loaded()
        });
}

就不能实现Promise先后执行方法的效果,这是为什么呢?

学习ing
学习ing

全部回复(1)
阿神
test('test')
        function test (value) {
          let promise = new Promise(function (resolve, reject) {
            test1(value)
            resolve(1)
          })
          promise.then(function (id) {
            console.log('我后执行,我的值为:' + id)
          })
        }

        function test1 (value) {
          console.log(value)
          window.setTimeout(function (value) {
            console.log('我先执行,我的值为:' + value)
          }, 10 * 1000)
        }

结果是

在没有设定时的时候是先执行的test1函数再执行promise对象成功时的返回.有可能的猜测就是你在使用ajax请求时,f2函数完成的时间刚好与ajax请求结束的时间一样或者小于,所以你看到了你想要的执行结果,但是直接调用不通过ajax时则反应出了真实的反应时间。建议在这里pullUpAction调试看看
以上为本人愚见,仅做参考

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板