javascript 用函數語句和運算式定義函數的區別

  使用javascript多年，寫過無數函數，今天卻才真正弄明白兩種函數定義的區別，真是悲劇，寫下這個隨筆， 以時刻提醒自己要打好基礎 ， 一大把年紀了， 不能繼續懵懵懂懂了。

  通常我們會看到以下兩種定義函數的方式： 

// 函數語句function fn(str){  console.log(str);};// 運算式定義var fnx=function(str){  console.log(str+ ' from fnx');};

以前都是憑藉自己手指的感覺隨心所欲使用兩者 -_- || ，今天看了js基礎， 總算是解決了心中對他們的困惑：

兩種方式都建立了新的函數對象， 但函式宣告語句的函數名是一個變數名， 變數指向函數對象， 和通過var聲明變數一樣，函數定義語句中的函數被顯示地提前到了指令碼或函數的頂部， 因此它們在整個指令碼和函數內都是可見的，但是使用var 運算式定義函數， 只有變數聲明提前了，變數初始化代碼仍然在原來的位置， 用函數語句建立的函數， 函數名稱和函數體均被提前，所以我們可以在聲明它之前就使用它。 

 代碼例子如下:

    console.log(typeof(fn)); // function    fn('abc'); // abc    console.log(typeof(fnx)); // undefined    if(fnx)        fnx('abc');  // will not execute    else        console.log('fnx is undefined'); // fnx is undefined    // 函數語句    function fn(str)    {        console.log(str);    };    // 運算式定義    var fnx=function(str)    {        console.log(str+ ' from fnx');    };

代碼很簡單， 希望和我之前一樣沒有弄明白兩者區別的同學能有所收穫 。