JS中自動執行函數小結

請看以下兩個函數：

1.function a(){
2.???
alert("a")
3.}

1.var b= function(){
2.???
alert("b")
3.}
它們倆有何不同呢？翻開書，作者會告訴我們，前者為函數聲明，后者為函數表達式。函數聲明作為一種聲明，當然會在預編譯階級有所動作（聲明提前），而函數表達式則不會。另一個區別是，函數聲明是語句，語句是沒有返回值，不能直接加一對括號讓它們執行。

1.function a (){
2.?
alert("a")
3.}();//報錯

1.var b = function(){
2.?
alert("b")
3.}();
給 function 外套一對括號就不報錯了，括號是表達式，是表達式就有返回值，所以可以在后面加一對括號讓它們執行，再看

1.(function a (){
2.?
alert("a")
3.})();//沒有問題
????? (function a (){
??????? alert("a")
????? })();//沒有問題
?
運行代碼

另外，我們知道，函數名的作用就是用來引用的，現在沒用了，我們是不是可以把它去掉呢？

1.(function (){
2.?
alert(arguments.callee)
3.})();//彈出自身
????? (function (){
??????? alert(arguments.callee)
????? })();//彈出自身
?
運行代碼

知道這個，我們就可以方便地遞歸自身了。如弄一個深拷貝函數

01.var deepExtend = function(destination, source) {
02.?
for (var property in source) {
03.???
if (source[property] && source[property].constructor &&
04.????
source[property].constructor === Object) {
05.?????
destination[property] = destination[property] || {};
06.?????
arguments.callee(destination[property], source[property]);
07.???
} else {
08.?????
destination[property] = source[property];
09.???
}
10.?
}
11.?
return destination;
12.};
另外，從另一方便也啟法了我們如何兼價地批量生產各種各樣的自動執行函數。因為把函數轉換為表達式的方法并一定要靠括號這個操作符，我們還可以用void操作符，~操作符，!操作符……

1.void function(){
2.?
alert("飛鴿傳書");
3.}()

1.0, function(){
2.?
alert("飛鴿傳書");
3.}();1.-function(){
2.?
alert("飛鴿傳書");
3.}();1.+function(){
2.?
alert("飛鴿傳書");
3.}();1.!function(){
2.?
alert("飛鴿傳書");
3.}();1.~function(){
2.?
alert("飛鴿傳書");
3.}();1.typeof function(){
2.?
alert("飛鴿傳書");
3.}();

總結

以上是生活随笔為你收集整理的JS中自动执行函数小结的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。