javascript - 如何在函数上设置 jquery 承诺？

Question

我有这个测试用例：

function setInitialValues (data) {
    window.localStorage.setItem ("name", "some name");
}

var data = '';
$.when (setInitialValues (data)).then (function (data) {
    window.localStorage.getItem ("name"); // this will be 'undefined' instead of 'some name'
});

发生的事情是在我打电话之前name没有得到setgetItem

任何想法我该如何解决这个问题？

Answer 1

您需要从该方法返回一个承诺

function setInitialValues (data) {
    var deferred = jQuery.Deferred();
    //if some async operation is going on here then to simulate
    setTimeout(function(){
        window.localStorage.setItem ("name", "some name");
        deferred.resolve()
    }, 10)
    return deferred.promise();
}

演示：小提琴