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()是函数也是一种对象，有本身的属性和方法