可以拆开理解：;!function(){}(); 
①函数后的();表示要执行这个函数；
②而();要求前面必须是一个表达式。（最后有js表达式的定义）。
③所以“!”的作用是将function(){}函数体转为一个函数表达式。
同样的道理：
~function(){}();一样可行。

但是我们常用的方式是：(function(){})();

https://www.cnblogs.com/carriezhao/p/7237122.html

---

叹号后面跟函数!function
和加号后面跟函数+function
都是跟(function(){})();这个函数是一个意思，都是告诉浏览器自动运行这个匿名函数的，因为!+()这些符号的运算符是最高的，所以会先运行它们后面的函数
https://my.oschina.net/reesechou/blog/385245

---

这是js里有名的IIFE(立即执行函数表达式)，常用来创建一个匿名的命名空间，避免污染顶(上)层空间

分号和叹号是两种不同的情况…… 
分号的作用是在每行都不手打结尾的分号的情况下避开自动插入分号导致的解析错误 
叹号类似加号、减号、new操作符什么的，可以少写一个括号（用new操作符的话函数调用的那对括号都省了） 

这些手法都是依赖于js语法解析的细节。
// 你甚至可以在function前面加一元操作符号
!function () {  } ();
~function () {  } ();
-function () {  } ();
+function () {  } ();
(function () { }) ();
这几种等价? 没有区别吗?都是一个效果?

如果说没有确切返回值的话，你就当转为为表达式理解

也许真的要说效果，你可以通过以下的 
!function () { } (return true;);
返回false,也就是说不仅仅起到了转换表达式的作用，而且还把返回结果取反
但是如果说你想自执行一段代码，无需返回值来处理，那么其实都是一样的
https://blog.csdn.net/zilaike/article/details/78227888