Question

我试图找出承诺工作所需的逻辑。我的（简化）示例执行此操作：

var FLEX = FLEX || {};
FLEX.Core = {
__networkIdToken: '',
__r: "",
Init: function() {          
    var deferred = $.Deferred();        
    FLEX.Core.Config();
    FLEX.Core.RegisterHandlers();
    FLEX.Core.Execute();    
},

Config: function() {
    yam.config({
        debug: true,
        appId: FLEX_YAMMER_CONFIGID
    }); 
},

RegisterHandlers: function() {
    $(FLEX_YAMMER_LOGINBUTTON).on('click', function(){
        FLEX.Core.Login();
    });
},

Execute: function() {
    //Get Network Token from local storage (if exists)
    __networkIdToken = localStorage.getItem(FLEX_YAMMER_AUTHTOKEN);
    if(__networkIdToken != null)
    {       
        //If network token is set then set Auth Token and continue
        yam.platform.setAuthToken(__networkIdToken);    

        //RETURN NEEDS TO HAPPEN HERE

    }
    else
    {
        //If no Network Token set, display login panel to enable login
        FLEX.Core.ShowLoginPanel(false);
    }   
},

ShowLoginPanel: function (_loggedIn) {
    if (_loggedIn) {
        $(FLEX_YAMMER_LOGINPANEL).hide();
    } else {
        $(FLEX_YAMMER_LOGINPANEL).show();
    }   
}
}


$(document).ready(function () {
    FLEX.Core.Init().done(testFunction);
    function testFunction()
    {
        alert('Test');
    }
});

来自文档就绪的调用需要检查用户是否已登录。（执行功能）。如果本地存储对象（设置__networkIdToken）为空，则它将显示登录面板，并且具有独立的按钮逻辑（从示例中删除）。如果有一个网络ID，那么我希望在这里返回一个承诺...删除了对任何异步逻辑进行登录的需要。

由于

Answer 1

    __r = $.Deferred();
    […]
    return __r;

__r是您对象的属性，但在此您将分配给全局变量！改为

    this.__r = …
    […]
    return this.__r;

    FLEX.Login();
}

您没有从可以调用INIT的{{1}}方法返回任何内容。（另外，您在访问.done()时遗漏了.Core）将其更改为

.Login

设计模式改进：执行任何异步任务的每个函数都应该创建一个Deferred本身，并return this.Login(); }为它创建一个Promise。

使用最终函数，我希望返回延迟对象

不，这不是承诺的工作方式。初始函数处理延迟并返回promise，＆＃34; final＆＃34; （异步回调）函数只有解析延迟 - 这可能触发其他进程（＆＃34; final＆＃34;是一个异步任务的本地，而不是＆＃34;最终＆＃34;处理程序一系列任务）。

return

如果有一个网络ID，那么我希望在这里返回一个承诺...删除了对登录的任何异步逻辑的需要

您总是想要返回一个承诺，即使结果是同步可用的。无论如何，处理可能异步登录的逻辑必须是异步的。在您的情况下，它可能看起来像

var FLEX = FLEX || {};
FLEX.Core = {
    __networkIdToken: '',
    __r: null,
    Init: function() {
        // some pseudo-action that might resemble your process
        // implemented with promises
        this.__r = FLEX.getAuthToken().catch(function(noAuthTokenError) {
            showLoginForm();
            return getNextFormSubmission().then(function(credentials) {
                return serverRequest(credentials).then(function (token) {
                    hideLoginForm();
                    return token;
                }, function(authError) {
                    // try again? Get next form submission...
                });
            });
        }).then(function(token) {
            yam.platform.setAuthToken(token);
        });
        return this.__r;
    },
    Login: function () {
        var d = $.Deferred();
        //Asynchronous Login Code Goes here, callback {
            d.resolve();
            // or
            d.reject();
        // }
        return d.promise();
    }
    // similarly for the other async tasks
}

jQuery延迟承诺逻辑协助

1 个答案: