下面的代码可能不适合真实的世界，但它很好地说明了这个问题，如果你运行这段代码，123456789会在输出中正确打印，但你无法在Chrome Devtools性能记录中找到1-9所有对应的logger函数，我还启用了“高级打印工具”选项，但没有起到任何作用。
如何确保显示此操作中执行的所有功能？

function logger1() {
    for (var n = 0; n < 1e4; n++) {}
    console.log(1)
}
function logger2() {
    for (var n = 0; n < 1e4; n++) {}
    console.log(2)
}
function logger3() {
    for (var n = 0; n < 1e4; n++) {}
    console.log(3)
}
function logger4() {
    for (var n = 0; n < 1e4; n++) {}
    console.log(4)
}
function logger5() {
    for (var n = 0; n < 1e4; n++) {}
    console.log(5)
}
function logger6() {
    for (var n = 0; n < 1e4; n++) {}
    console.log(6)
}
function logger7() {
    for (var n = 0; n < 1e4; n++) {}
    console.log(7)
}
function logger8() {
    for (var n = 0; n < 1e4; n++) {}
    console.log(8)
}
function logger9() {
    for (var n = 0; n < 1e4; n++) {}
    console.log(9)
}
function logger10() {
    for (var n = 0; n < 1e4; n++) {}
    console.log(10)
}

function myCode() {
    const afn = new Promise(function promiseCallback(rs) {
        logger1()
        setTimeout(function timeOutCallBack() {
            logger6()
            rs("afn done")
            logger7()
        }, 1000)
        logger2()
    })

    async function myFm() {
        logger4()
        await afn
        logger8()
    }

    logger3()
    myFm()
        .then(function thenCallback() {
            logger9()
        })
        .catch(function catchCallback(e) {
            logger10()
            console.error(e)
        })
    logger5()
}

setTimeout(myCode, 1000)