Js函数的三种定义方式

• 函数的定义方式

  • 函数声明：必须有名字，会函数提升，在预解析阶段就已经创建，声明前后都可以调用

    //函数声明
    //定义函数名
    function fn(){
         console.log(123);
    }
    

  • 函数表达式：一种变量赋值，函表达式可以没有名字（匿名函数）,没有函数提升。

    //将函数赋值给一个变量，可以是匿名函数
    var fn = function(){
        console.log(123);
    };
    

  由于函数声明提升，函数声明定义的函数，其函数名可以在函数声明之前调用，而函数表达式定义的函数不能，它进行的是一个变量赋值，本质会进行变量声明提升，如果写在前面的话，只是定义了一个变量，而没有赋值，其内部是undefined，无法执行函数，就会报错。

  • new Function

    函数本身也是一种对象，可以调用属性和方法

    //函数声明方式
    //有参数
    function fun(a,b){
        var a = 1;
        console.log(a+b);
    }
    function(2,3);
    
    //通过构造函数方法定义函数
    var fn = new Function('var a = "1";console.log(a)');
    fn();
    
    //添加参数
    var fn2 = new Function('a','b','var a = "1";console.log(a+b)');
    fn2(2,4);
    

    这种方式其实相当于new Function的括号里穿的是一堆字符串，解析慢，效率低，易出错。

    console.dir(fn2);//new Function()是函数也是一种对象，有自己的属性和方法
    

    new Function()是函数也是一种对象，有自己的属性和方法