自执行函数的问题

在写js代码时，我们一般吧代码包在自执行函数里，

(function(){
    //独立的作用域

但是，今天我遇到这样一个问题，我在一个js文件里，写了两个自执行函数，然后就报错了，再经过检查没发现任何语法问题，甚至我单独执行任何一个，都可以执行。后来，查了很多资料发现，第一个自执行函数后面必须加一个分号，就没错了

//举个例子
var btn =document.getElementById('btn'）;
btn.onclick = function(){
console.log(1111);}

//我们在下面写一个自执行函数
（function(){
console.log(1111);
})();

上面的代码看上去没有任何语法错误，但一执行一定会出错
因为js在执行过程中可能是这样的：

var btn =document.getElementById('btn'）;
btn.onclick = function(){
console.log(1111);}(function({console.log(1111);})

();

看到上面的情况好像懂了点什么呢？
是的，两个发法连在一起了，你可以这样想，给上面的函数传了一个function,js中虽然我们没有定义形参，但我们传一个实际参数进去也是可以的，你也可以传个参数接受一下

原因：函数在js

让函数优先生成表达式，否则只是一个函数声明，无法执行，只有函数执行到这里的时候才会有一个声明

1.函数用（）抱起来，形成一个表达式，才可以执行
2.也可以 var a = function aa(){}(）
3.逻辑·运算符（下划线不可以）
！function(){}();
+function(){}();
4.数字运算符
5.