Js函数的三种定义方式

  • A+
所属分类:Web前端
摘要

函数的定义方式函数声明:必须有名字,会函数提升,在预解析阶段就已经创建,声明前后都可以调用

  • 函数的定义方式

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

      //函数声明 //定义函数名 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()是函数也是一种对象,有自己的属性和方法

      Js函数的三种定义方式