javascript - 嵌套 context.executeQueryAsync 与 Deferred

Question

如何将嵌套的 context.executeQueryAsync 与 Deferred 一起使用？下面是我的代码，我将解释我到底在寻找什么：

代码

function getValues() {
    var dfd = $.Deferred(function () {

        context.executeQueryAsync(function () {
            var navigationItem = [];

            // First Loop
            while (termEnumerator.moveNext()) {

                // Push Parent Terms in navigationItem array
                navigationItem.push({ "name": ""});

                // Get Sub Terms
                context.executeQueryAsync(function () {
                    // Second Loop
                    while (termsEnum.moveNext()) {
                       // Push Sub Terms in navigationItem array
                        navigationItem.push({ "name": ""});
                    }
                }, function (sender, args) {
                    console.log(args.get_message());
                });
            }

            dfd.resolve(navigationItem);

        }, function (sender, args) {
            console.log(args.get_message());
            dfd.reject(args.get_message());
        });
    });
    return dfd.promise();
}

基本上，我正在尝试使用上述代码结构在 SharePoint Online 中获取分类法（术语及其子术语）。最初，我创建了一个名为navigationItem并遍历所有术语的数组。

在迭代过程中，首先，我将术语推入该数组，并且与此一起，我还将获取它的子术语（如果有）并将其推入同一个数组。

我希望该代码在第二个循环完成执行之前不会进一步执行。这样我将拥有最终数组，同时将其返回到另一个函数。

Answer 1

我希望该代码在第二个循环完成执行之前不会进一步执行。这样我将拥有最终数组，同时将其返回到另一个函数。

在这种情况下，您需要为每个 executeQueryAsync 设置一个延迟。

然后，您需要创建一个整体延迟来等待所有异步方法完成。

以下是供您参考的示例代码：

(function ($) {
    function executeQueryAsync(succeededCallback, failedCallback)
    {
        var period = Math.random() * 10000;

        setTimeout(function () {
            succeededCallback();
        }, period);

    }

    function forEachAsync(items, funcAsync, callback)
    {
        var count = 0;

        var total = $.Deferred();

        function increment()
        {
            count++;

            if(count == items.length)
            {
                total.resolve();
            }
        }

        for (var i = 0; i < items.length; i++)
        {
            (function exec(item) {
                var deferred = $.Deferred(function (defer) {
                    funcAsync(function () {
                        callback();
                        defer.resolve();
                    });
                });

                deferred.done(function () {
                    increment();
                });
            })(items[i]);
        }

        return total.promise();
    }

    var promise = forEachAsync([1, 2, 3, 4, 5], executeQueryAsync, function () {
        console.log('call back executing + ' + Date.now());
    });

    promise.done(function () {
        console.log("promise done");
    });
})(jQuery);