JS中用函数声明和函数表达式两种方式创建函数的区别

在JS中创建函数的方式有很多种，本文主要讲解函数声明(function declaration)和函数表达式(function expression)两种方式创建函数的区别.

function add1(a, b) {
    return a + b;
}  //  function declaration

var add2 = function(a, b) {
    return a+b;
};  // function expression

上面是这两种方法创建函数的格式
他俩的区别主要在对待JS对待这两种方式的处理方式上，前者看作函数，后者为变量。JS在执行代码的时候，会有一个叫做Hoisting的操作，Hoisting的结果，把对那些变量和函数进行预处理，把他们放在前面了，而变量只放过去变量名，函数却都被放过去了。比如我们看下面代码来理解一下。

console.log(a);
var a = '1';
console.log(a);   //  undefined  1;

而对于函数

    console.log(a());
    function a() {
        console.log('lol');
    }
    console.log(a());  // lol  lol;

从上面可以看出，虽然变量和函数都被Hoisting，但是处理的方式却是不同的，把这个处理方式应用到上面两种函数声明上面，第一种被看过函数，第二种被看作变量，那区别就很显然了：第二种函数的声明必须在函数调用的前面，第一个则无需这样。我们再来看最后一个例子：

var result1 = add1(1, 1);
function add1(n1, n2) {
    return n1 + n2;
}

var result2 = add2(1,1)
var add2 = function(n1, n2) {
    return n1 + n2;
};
result1   // 2
result2  //  undefined

帮到你了吗？