调用javascript上的异步函数onhtml（或任何）事件

Question

我正在尝试js中的es6以及async/await。

我所做的是：

HTML代码

  <input type="button" onclick="javascript:examplefunction()" />

Js代码在单独的example.Js文件中，该文件通常包含在html中。

  const somefunction = (...args) => {
    let result =  feedReducer(args);
    // do something
  }

这个很好用。但是由于我必须使用wait for其他函数，在examplefunction（）中，我使用了普通的arrow函数来异步，如下所示

   const somefunction = async (...args) => {
    let result = await feedReducer(args);
    // do something
  }

现在我正在得到

未捕获的SyntaxError:await仅在异步函数中有效

我被困在这里，我做错了什么？我在这里采用了上述语法。如有任何建议，我们将不胜感激。谢谢

实际功能：

    const preparationManager = async (...args) => {
        console.log(args.length);
        let feed_type = args[0], feed_id = args[1], feed_name = args[2], product_count = args[5];
        let index = args[7] | 0;
        jQuery("#loader").show();
        jQuery.ajax({
            url: 'index.php?option=com_cartproductfeed&task=tranquilizer.formatFeedsToParentChildJson',
            type: 'POST',
            dataType:'json',
            data: {feed_type: feed_type, feed_id:feed_id, feed_name: feed_name, index:index },
            success: function (res) {
                if(res.success === true){
                    if(res.do_repeat === true){
                        args.push(res.index);
                        preparationManager(args[0],args[1],args[2],args[3],args[4],args[5],args[6]);
                    }else{
                        console.log("feedreducer");
                        let result = await feedReducer(args, res);
                        console.log('result',result)
                        console.log("after result")
                    }
                    //window.location.href = base_url + 'index.php/etsy-listings';
                }else{
                    console.log(res);
                }
                jQuery("#loader").hide();
            }
        })
    };

    const feedReducer = async (...args) => {
        jQuery.ajax({
            url: 'index.php?option=com_cartproductfeed&task=tranquilizer.formatFeedsToParentChildJson',
            type: 'POST',
            dataType:'json',
            data: {feed_type: feed_type, feed_id:feed_id, feed_name: feed_name, index:index },
            success: function (res) {
                if(res.success === true){
                    if(res.do_repeat === true){
                        args.push(res.index);
                       let reducerPromise = feedReducer(args[0],args[1],args[2],args[3],args[4],args[5],args[6]);
                       console.log(reducerPromise);
                    }else{
                        //TODO : handle completion of feedreducer
                    }
                    //window.location.href = base_url + 'index.php/etsy-listings';
                }else{
                    console.log(res);
                }
                jQuery("#loader").hide();
            }
        })
    };

Answer 1

使用

       document.getElementById("idButton").onclick=async ()=>{
            // await promiseExample();
        };

Answer 2

嗨Suz尝试以下代码它是为我工作。

function feedReducer(args){
    return new Promise((res,rej)=>{
    res(args);
  })
}

const somefunction = async (...args) => {
  let result = await feedReducer(args);
  console.log(result);
  // do something
}

somefunction('hello');

未捕获的SyntaxError:await仅在异步函数中有效

上述错误表明feedReducer不是异步函数

确保feedReducer返回promise。祝你好运