Javascript 两种函数类型

Javascript Function两种类型：声明式函数 表达式函数

fn() 函数表达式：

/**
 * 函数表达式声明的函数不可以在函数被赋值之前调用
 * 函数表达式的值是在JS运行时确定，并且在表达式赋值完成后，该函数才能调用
 */
 
// fn()    // error

var fn = function () {
    console.log("我是函数表达式 ====> 1");
}

var fn = function () {
    console.log("我是函数表达式 ====> 2");
}
fn()    // 我是函数表达式 ====> 2

fn2(); 声明式函数

/**     
 * 用声明式函数创建的函数可以在函数定义之前就进行调用;
 * 声明式函数在JS解析时进行函数提升，因此在同一个作用域内，不管函数声明在哪里定义，该函数都可以进行调用
 */

fn2();
function fn2() {
    console.log("我是声明式函数----> 1");
}
function fn2() {
    console.log("我是声明式函数----> 2");
}

出现上述两种函数类型差异的原因是因为什么呢？

• 1 -----> 函数提升
• 2 -----> 运行时机(解析时， 运行时)
• 上的不同

/**
 * (function(){}())与(function(){})() 都是立即执行函数的写法
 */
 var fnn = function () {
    console.log("我是函数表达式 ====> 3 , 我可以杯浏览器直接调用");
}()

(function fn22() {
    console.log("我是声明式函数----> 3 , 我也可以被浏览器直接调用");
})()

参考文章