js 如何让外部函数返回通过 onload 事件触发的内部函数的计算值？

Question

例如：

function outerFunction()?{ //?外部函数
    var img = new Image();
    img.src = "data:image/png;base64,iVBORw0KGgo...";
    img.onload = function ()?{ //?内部函数
        //?这里通过一些运算获得了值?a
        //?那么如何让?outerFunction()?返回?a?这个值呢？
    };
    return /*?what??*/ ;
}

Answer 1

可以使用es6的async/await实现。

async function outerFunction() { // 外部函数
    var img = new Image();
    img.src = "data:image/png;base64,iVBORw0KGgo...";
    const getimg =()=> new Promise(resolve = >{
                img.onload = function () { // 内部函数
                                // 这里通过一些运算获得了值 a
                                 resolve(a)； //通过resolve将a传出去 
                            };
                })
    let result = await getimg();
    return result;// result 就是a
 
}