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