javascript 函数体内的未定义花括号表示什么意思

Question

function aa(){
    console.log(11)

  // 注意
    {

        console.log(222)
    }

  // 注意
    {
        {
            console.log(333)
        }
    }

}

aa()

输出：

VM432:4 11
VM432:8 222
VM432:14 333

这段代码在浏览器控制台执行成功了，上面代码的中的花括号表示什么意思，为什么不按照下面的代码书写？

function aa(){
    console.log(11)
    console.log(222)
    console.log(333)
}

aa()

VM502:2 11
VM502:3 222
VM502:4 333

问题：

那里面的花括号 ( { } ) 表示什么意思呢？

1、输出与上面一致的结果，这样还能节省代码行数以及简单明了，这样写的实际意义在哪里呢？
2、如果没什么意思的话，那为什么不按照下面的代码写呢？

Answer 1

{}是块标识符，用来划分变量的作用域和声明周期