unction 是 js 的標識符
Function 是 js 裡面的一個 構造函數
1、new function 與 new Function 的區別
new 運算符在 js 裡面是 創建一個自定義的對象的實例 或者是 一個具有構造函數的本地對象
語法：new constructor [ ( [ arguments ] ) ]
new function() {......} 初始化一個可操作對象，相當於 new function 匿名函數() {......}
new Function('參數', '函數體') 是實例化一個函數，相當於 function 函數名() {......}
2、立即執行函數 ( function(){...} () ) 和 ( function(){...} )()
// 1、
// 定義一個命名函數 a 並調用，正常運行
function a(){}a()
// 2、
// 2 假設使用匿名函數的方式呢？
function (){}()
//這種方式會報錯：Uncaught SyntaxError: Unexpected token (
// 3、
//按到如上思路測試，尋找 2 報錯的原因
function () {}//前端全棧交流學習圈：866109386
// 3 會報錯，與 2 報錯相同：Uncaught SyntaxError: Unexpected token (
// 4、
();
// 4 會報錯：Uncaught SyntaxError: Unexpected token )
// 5、
(1);
// 5 不會報錯正常運行
// 6、
(function(){});
// 6 不會報錯正常運行
可以看出，上述現象報錯的原因都是：語法錯誤。究其原因發現是因為 ()運算符的優先級函數調用，而 () 運算符的括號內必須有表達式，否則就會有語法錯誤。
因此可以用 (function(){})() 的形式定義一個自調用的匿名函數
//1、
(1+2)(5+6);
//在進行如上表達式運算的時候，會報錯：Uncaught TypeError: 3 is not a function，也就是說如果第一個表達式是一個 function 的話，就會正常運行。
//2、所以在保證整個運算為表達式運算的情況下，第一個子表達式為 function，則得出如下寫法
(function(){}());
// 2 正常運行不會報錯
// 3、因此可以得出如下寫法也都是正確的
!function(){};
+function(){};
-function(){};
~function(){};
......
對前端的技術，架構技術感興趣的同學關注我的頭條號，並在後臺私信發送關鍵字：“前端”即可獲取免費的架構師學習資料
知識體系已整理好，歡迎免費領取。還有面試視頻分享可以免費獲取。關注我，可以獲得沒有的架構經驗哦！！
分享到:
閱讀更多 前端全棧架構丶 的文章
