IIFE和then一起使用的问题

Question

实例代码 我列出了所有的情况：

问题是为什么 then 写法写在 IIFE 前面会报错，写在后面可以，而且两种写法单独使用也都是可以的

const { baseUrl } = require('./_baseUrl')
const fetch = require('node-fetch')
const demo = async () => {
    const url = baseUrl + '/base'
    const res = await fetch(url)
    const resData = await res.json()
    return await resData.data.name
}

// 报错的写法

demo()
.then(name => {
    console.log(name)
})

(async () => {
    const name = await demo()
    console.log(name)
})()

// 成功的写法

(async () => {
    const name = await demo()
    console.log(name)
})()

demo()
.then(name => {
    console.log(name)
})

// 单独使用都可以

(async () => {
    const name = await demo()
    console.log(name)
})()

// 单独使用都可以

demo()
.then(name => {
    console.log(name)
})

Answer 1

demo()
.then(name => {
    console.log(name)
});

(async () => {
    const name = await demo()
    console.log(name)
})()

加一个分号就好了，那个地方js执行的时候把前后两部分当做函数执行了。