Jquery 延迟和承诺

Question

我是 jquery deferred 和 promises 的新手。我正在尝试这样做

var maxRes=function()
                {
                    var deferred=$.Deferred();
                      $("<img/>").attr("src", newurl).load(function(){
                             s = {w:this.width, h:this.height};
                             imgHeight =  this.height ;  
                             deferred.resolve();


                          }); 
                    return deferred.promise;
                }

                    maxRes().done(function(){


             if(imgHeight >=720)
                 {
                temp="...[HD]"
                 }
             else
                 {
                 temp = "...";
                 }
            console.log(temp);
                                       });

我不断收到此错误： Uncaught TypeError: Object function (a){return null!=a?n.extend(a,d):d} has no method 'done'

有人能帮忙吗？

Answer 1

Deferred.promise()是一个方法，需要调用它并返回.promise()返回的值

所以

 return deferred.promise();

---

同样不要使用闭包/全局对象将值从异步方法传递给回调。您可以将值传递给完成的回调，如

var newurl = '//placehold.it/256';
var maxRes = function () {
    var deferred = $.Deferred();
    $("<img/>").attr("src", newurl).load(function () {
        var s = {
            w: this.width,
            h: this.height
        };
        //pass the dimensions are arguments to the done callback
        deferred.resolve(s);
    });
    return deferred.promise();
}

maxRes().done(function (s) {
    //recieve the dimension as a parameter and use it instead of the shared variable

    //declare temp as a local variable instead of messing up the global scope
    var temp;
    console.log(s)

    if (s.height >= 720) {
        temp = "...[HD]"
    } else {
        temp = "...";
    }
    console.log(temp);
});

演示：Fiddle