WinJS承诺然后出错

Question

经过一些实验，我最终得到了以下代码，试图复制c#的await功能:

var promise = new WinJS.Promise(MyFunc())
    .then(function () {
        // Second function which uses data set-up in the first
        MyFunc2();
    });

'MyFunc()'正确执行，但'MyFunc2()'没有，程序崩溃。我对Promise对象有什么误解吗?

(这是使用Windows 8)

编辑:

现在MyFunc()的完整代码如下:

function MyFunc() {
    var foldername = "Folder";
    var filename = "readme.xml";
    var promise = Windows.ApplicationModel.Package.current.installedLocation.getFolderAsync(foldername).then(function (folder) {
        folder.getFileAsync(filename).then(function (file) {
            var loadSettings = new Windows.Data.Xml.Dom.XmlLoadSettings;
            loadSettings.prohibitDtd = false;
            loadSettings.resolveExternals = false;
            Windows.Data.Xml.Dom.XmlDocument.loadFromFileAsync(file, loadSettings).then(function (doc) {
                dataText = doc.getXml();
                xmlDoc = doc;
            }, function (error) {
                output.value = "Error: Unable to load XML file";
                output.style.color = "red";
            }, function (error) {
                output.value = "Error: Unable to load XML file";
                output.style.color = "red";
            })
        })
    });
    return promise;
};

现在的结果是'MyFunc2()'在'MyFunc()'完成之前执行。MyFunc2()使用全局变量xmlDoc，因此该变量当时是未定义的。

Answer 1

你应该把所有的承诺链接在一起，然后等待最后的承诺。

function MyFunc() {
    var promise = Windows.ApplicationModel.Package.current.installedLocation.getFolderAsync(foldername).then(function (folder) {
        return folder.getFileAsync(filename);
        }).done(function (file) {
            var loadSettings = new Windows.Data.Xml.Dom.XmlLoadSettings;
            loadSettings.prohibitDtd = false;
            loadSettings.resolveExternals = false;
            return Windows.Data.Xml.Dom.XmlDocument.loadFromFileAsync(file, loadSettings);
        }).then(function (doc) {
            dataText = doc.getXml();
            xmlDoc = doc;
            return doc; // whatever the result is
        }, function (error) {
            output.value = "Error: Unable to load XML file";
            output.style.color = "red";
        });
    return promise;
}

然后你可以链接MyFunc返回的承诺:

var promise = MyFunc().then(function(doc) { MyFunc2(...); });

Answer 2

好了，既然编辑完成了，那么您将不得不使用一种稍微不同的方法。你需要让MyFunc()实际返回你正在创建的promise变量。这将允许您将MyFunc链到MyFunc2。所以你可以这样做:

var promise = Windows.ApplicationModel.Package.current.installedLocation.getFolderAsync(foldername).then(function (folder) {
        folder.getFileAsync(filename).done(function (file) {
            var loadSettings = new Windows.Data.Xml.Dom.XmlLoadSettings;
            loadSettings.prohibitDtd = false;
            loadSettings.resolveExternals = false;
            Windows.Data.Xml.Dom.XmlDocument.loadFromFileAsync(file, loadSettings).then(function (doc) {
                dataText = doc.getXml();
                xmlDoc = doc;
            }, function (error) {
                output.value = "Error: Unable to load XML file";
                output.style.color = "red";
            });
...
return promise;

假设这是MyFunc()中唯一的承诺。如果没有，你可以将所有的承诺链接在一起，或者将它们全部放在一个数组中并返回，例如，WinJS.Promise.join(promiseArray)。

现在你从MyFunc()返回一个承诺，你可以使用then来链接它。

var promise = MyFunc().then(function () {
    // Second function which uses data set-up in the first
    MyFunc2();
});

如果MyFunc2也包含异步代码，你也可以返回那些承诺，并保持链接，只要你需要。

var promise = MyFunc().then(function () {
    // Second function which uses data set-up in the first
    return MyFunc2();
}).then(function () {
    //And on and on...
});