從一個傻x問題開始……畫地為牢一下午，還是第二天才發現問題所在。下面把問題掛出來，大家引以為戒。

初學JavaScript的寶寶額，寫了一段想繞死我自己的程式，不要覺得怎麼這麼搞笑額 [ 翻白眼 ]

(function(){
  function fn(){
    document.write('1');
    setTimeout('fn()',3000);
  }
})()

fn函式為什麼不執行為什麼為什麼…呵呵，不呼叫怎麼執行！以上程式碼只是讓外層函式立即執行，fn()函式並沒有被呼叫。

將裡層函式fn()添小括號立即執行後，還出現了一個問題：setTimeout() 的第一個引數寫為程式碼串，即為 setTimeout(“fn()”,3000) 形式時會出錯，改為 setTimeout( fn, 3000) 會正確執行。setTimeout()方法的第一個引數可以是程式碼串，仿照setTimeout("alert('out!')",3000)，寫了第一種形式，但有錯誤額…這是什麼原因？待我慢慢道來。

javascript中函式定義有兩種方式。

1. 函式宣告

形式為 function fn( ) { }，ECMAScript規範規定函式宣告必須始終帶有一個識別符號，也就是我們常說的函式名，即這裡的fn。

函式名在自身作用域和父作用域內是可獲取的。

就像變數宣告必須以“var”開頭一樣，函式宣告必須以“function”開頭。

函式宣告只能以fn( )形式呼叫。

2. 函式表示式

形式通常為var fn = function( ){ }，函式定義為表示式語句的一部分，通常是變數賦值的形式。

函式定義部分可以是匿名的，也可以是命名的，但此時函式名在作用域外是不可獲取的。

函式表示式不能以“function開頭”

函式表示式可以後面加括號立即呼叫該函式，而函式宣告不可以。

匿名函式屬於函式表示式。然後就出現了以下各種形式。

//annoymous function expression
var fn = function(){
  return 3;
}

//named function expression
var fn = function a(){
  return 3;
}

//self invoking function expression
(function sayHello(){
  alert('hello!');
})();                 //這裡加小括號立即執行，是因為這是一個函式表示式。sayHello看起來像是一個函式宣告，實則因為加了括號，不再以function開頭，變為表示式。
 

關於函式宣告和函式表示式二者的區別，除了上面列出的各種外，還有一個函式提升的問題，這裡就不多講啦。

回到最初的問題，現在將程式碼改為如下。

(function (){
  function fn(){
    document.write('1');
    setTimeout('fn()',3000);
  }
  fn();
})();

將外層函式剝掉顯得更直觀，當初出錯就是因為受外層函式的影響。現在程式碼如下。

(function fn(){
    document.write('1');
    setTimeout('fn()',3000);
})();

問題來了……此時仍然不能執行，報錯 fn is not defined……

我嘗試修改為以下兩種形式，都能正確執行。

(function fn(){
    document.write('1');
    setTimeout(fn,3000);
})();

function fn(){
    document.write('1');
    setTimeout('fn()',3000);
}
fn();

嘗試解讀……歡迎批評指正。

首先，修改後的第一種寫法傳遞的是Function，它會從當前作用域向上查詢，直到找到fn。實名函式可以在自身作用域中呼叫自己，就是這個道理。而且此時fn變數實際指向了一個記憶體地址。

而最開始的字串寫法僅僅是個字串，按值傳遞，下次呼叫或者執行時記憶體在哪裡已經不確定了，所以找不到作用域。此時只能在全域性中查詢，而恰巧定義的fn函式並不在全域性中。當fn()函式被括號包裹立即執行時，已經形成了一個私有作用域，fn只在該私有域下存在，所以會報錯“fn沒有被定義”。

那修改後的第二種寫法也是字串形式，為什麼就可以了呢？因為此時只在全域性中查詢！修改後的fn()是在全域性中定義的。

這與之前理解的setTimeout是一個Window物件方法無關，不管setTimeout是什麼的方法，只要能訪問到引數函式就能執行。

以下是之前理解的，有誤，勿參考！！

【首先setTimeout是一個window物件方法，當第一個引數寫為'fn()'字串形式時，其實執行的是window.fn()。當fn()函式被括號包裹立即執行時，已經形成了一個私有作用域，fn只在該私有域下存在，在全域性內不存在，所以會報錯“fn沒有被定義”。】