函数声明与函数表达式

约定不等于承诺〃 2022-05-14 08:28 210阅读 0赞

函数声明与函数表达式的区别在于function关键字在声明中存在的位置，如果function关键字出现在第一位就是函数声明，否则就是函数表达式。

函数声明和函数表达式最重要的区别是他们的名称标识符将会绑定到何处。绑定的作用域中就是函数声明，绑定到自身函数表达式中的函数中就是函数表达式。例如：

function foo(){
        var a = 1;
        console.log(a);
    }// 函数声明
    
    
    
    (function foo(){
        var a = 1;
        console.log(a);
    })()  // 函数表达式

--------------------

匿名函数和具名函数

函数表达式可以省略函数名称，但是函数声明一定不能省略函数名称。

setTimeout(function() {
        console.log(888);
    },1000)
    
    setTimeout(function settimeoutfun () {
        console.log(888);
    },1000)

--------------------

IIFE（立即执行函数）

这个模式的另外一个应用场景是解决 undefined 标识符的默认值被错误覆盖导致的异常（虽 然不常见）。将一个参数命名为 undefined，但是在对应的位置不传入任何值，这样就可以 保证在代码块中 undefined 标识符的值真的是 undefined（这个没明白？？？？？）

undefined = true; // 给其他代码挖了一个大坑！绝对不要这样做！ 
    (function IIFE( undefined ) {
        var a; 
        if (a === undefined) { 
            console.log( "Undefined is safe here!" ); 
        } 
    })();

IIFE还有一个用处就是倒置代码顺序

var a = 2;
    (function IIFE(def) {
        def(window)
    })(function def(globel){
        var a = 3;
        console.log(global.a);  // 2
    })
    // 上面的函数会先运行IIFE再运行def