javascript - "await"类似于 JavaScript 中的类似函数？

Question

我有等待 sync 的功能，之后它将加载内容。以下功能在 Firefox 中运行良好，但在 IE11 中无法运行

//Working in other browser and inserting the multiple records but not in IE

async function setup()
{
    await Word.run(async(context)=> {

        for (var i=0; i < 5; i++)
        {
            var controler = context.document.contentControls.getByTag("myTag"+i);
            controler.load();
            await context.sync();
            controler.items[0].insertPargraph("Adding paragraph "+i);
        }
    }
    )};

}

对于 IE11，下面的函数可以完美地只插入一条记录

//Working in IE for the only one record
function setUp()
{
    Word.run(function (context){

        var selectedTag = context.document.contentControls.getByTag("myTag");
        context.load(selectedTag,'text');
        return context.sync().then(function()
        {
            controler.items[0].insertPargraph("Adding paragraph 0")
        });

    })
}

现在的问题是我想为内容迭代循环，我已经在 forloop 中编写了返回函数，这是它不起作用的原因

//Below function is not working
function setUp()
{
    Word.run(function (context){

        for (var i=0; i < 5; i++)
        {
            var selectedTag = context.document.contentControls.getByTag("myTag");
            context.load(selectedTag,'text');
            return context.sync().then(function()
            {
                controler.items[0].insertPargraph("Adding paragraph 0")
            });
        }
    })
}

如何为 IE11 浏览器编写 await 函数。我已经尝试了 goto Lable 函数，但它也不起作用。

Answer 1

您的 async 版本在添加段落时使用 i 和 getTag ，但您的后续代码示例没有。这对解决方案很重要。

共同点

您可以创建一个 promise 链，类似于 my answer here但足够不同，可能很难将其应用于您的案例。基本上，您从一个已解决的 promise (p) 开始，然后使用 p = p.then(...) 构建链。

如果不需要使用i的值

...那么你可以这样做:

function setUp()
{
    Word.run(function (context){
        var p = Promise.resolve();
        for (var i = 0; i < 5; i++)
        {
            p = p.then(function() {
                var selectedTag = context.document.contentControls.getByTag("myTag");
                context.load(selectedTag,'text');
                return context.sync().then(function()
                {
                    controler.items[0].insertPargraph("Adding paragraph 0")
                });
            });
        }
    })
}

如果你确实需要使用i的值

...然后我们需要将它放入代码中，因为您必须使用 var(IE11 有 let，但它没有 ES2015 语义 for 循环):

function setUp()
{
    Word.run(function (context){
        function doOne(index) {
            // We use `index` below
            var selectedTag = context.document.contentControls.getByTag("myTag" + index);
            context.load(selectedTag,'text');
            return context.sync().then(function()
            {
                controler.items[0].insertPargraph("Adding paragraph " + index)
            });
        }
        var p = Promise.resolve();
        for (var i = 0; i < 5; i++)
        {
            p = p.then(doOne.bind(null, i));
        }
    })
}

给setUp一个返回值

您的 async 版本假定 Word.run 返回一个 promise ，并且它期望其回调返回一个 promise 。我找不到任何文档来支持这一点，但是，关于这些东西的网络文档似乎真的非常糟糕。

如果这两个假设都成立，那么要setUp返回一个promise，我们只需要做一些小的改变:return 在 Word.run 和 return p; 回调结束之前(参见 *** 注释)；

function setUp()
{
    return Word.run(function (context){                      // ***
        function doOne(index) {
            // We use `index` below
            var selectedTag = context.document.contentControls.getByTag("myTag" + index);
            context.load(selectedTag,'text');
            return context.sync().then(function()
            {
                controler.items[0].insertPargraph("Adding paragraph " + index)
            });
        }
        var p = Promise.resolve();
        for (var i = 0; i < 5; i++)
        {
            p = p.then(doOne.bind(null, i));
        }
        return p;                                            // ***
    })
}

但是如果 Word.run 没有返回一个 promise ，或者不期望从它的回调中得到一个 promise ，那将不起作用，我们必须创建我们自己的:

function setUp()
{
    return new Promise(function(resolve, reject) {           // ***
        Word.run(function (context) {
            function doOne(index) {
                // We use `index` below
                var selectedTag = context.document.contentControls.getByTag("myTag" + index);
                context.load(selectedTag,'text');
                return context.sync().then(function()
                {
                    controler.items[0].insertPargraph("Adding paragraph " + index)
                });
            }
            var p = Promise.resolve();
            for (var i = 0; i < 5; i++)
            {
                p = p.then(doOne.bind(null, i));
            }
            p.then(resolve).catch(reject);                   // ***
        })
    });
}