为什么浏览器不能直接执行js

我知道我的问题很幼稚,对某些人来说可能很有趣。 我知道如何使用html文件在浏览器中执行js。

但如果我有文件: 示例.js

 const posts = [{"title":"post1"},
    {"title":"post2"}]


   function getPosts()
    {
        setTimeout(()=>{
            posts.forEach((post)=>
            {
                let output = post;
            }
        )
          document.body.innerHTML(output);
        },3000)
    }

    getPosts();

如果我在浏览器中打开文件(就像我们对html文件一样),为什么我看到的是代码而不是输出? 我试图澄清一些概念。因为据我所知浏览器有编译js的引擎,那么为什么它没有编译js呢?