“函式宣告”和“函式表示式”其實說白了 就是定義函式的方式

函式宣告：

function 函式名（）{.....}

函式表示式：通過函式表示式定義函式的方式比較多

1. var a = function test(){...} // 這是命名的函式表示式

  var a = function(){...} // 這是匿名的函式表示式

2. 將“函式宣告”定義的函式 用一對小括號括起來，這樣也形成了函式表示式

(function test（）{.....})  //這樣也是函式表示式

3. 還有就是在“函式宣告”前加位運算子 也能構成函式表示式

例如：這些都是函式表示式

~function test（）{.....}
+function test（）{.....}
-function test（）{.....}
!function test（）{.....}

區別： 函式宣告 和 函式表示式 有哪些區別那？？

1.函式表示式可以直接 在後面加小括號執行（這就是函式自執行），而函式宣告不可以

例如：

var a = function test() {
        alert("hello");
}
 // 這是一個函式表示式,在這個表示式後面加個括號，就可以自動執行函數了

var a = function test() {
        alert("hello");// 重新整理頁面就彈出hello了
 }();
 

而函式宣告的方式 加個小括號是不可以執行的，例如 瀏覽器會提示這種寫法是錯誤的

function test() {
        alert("hello");
}();

2.函式宣告 可以 被預解析，而函式表示式不可以；如果不明白js預解析的小夥伴，請參考另一篇文章《JS預解析》

例如：

 window.onload = function () {
        test();
        function test() { // 函式宣告
            alert("hello");
        }
}

通過函式宣告的方式定義的函式是可以被預解析的，所以在function test（）之前呼叫test()函式，自然彈出hello，

 window.onload = function () {
        a();
        var a = function () { // 函式表示式
            alert("hello");
        }
}

通過函式表示式的方式定義的函式是不能被預解析的，所以在函式之前呼叫a(),就會報錯

再看一個例子：

window.onload = function () {
        a();
       if(true){
           function a() {
               alert("1");
           }
       }else{
           function a() {
              alert("2");
           }
       }
}

但是因為js會預解析，所以永遠都是彈出2；但是使用函式表示式就可以避免這種情況

window.onload = function () {
       if(true){
           var a = function() {
               alert("1");
           }
       }else{
           var a = function() {
              alert("2");
           }
       }
       a();
 }

所以記住： 在寫程式的時候，如果需要根據不同的條件判斷 來決定執行不同的函式，那麼此時一定要用“函式表示式”的形式來定義函式。這樣可以避免很多錯誤發生