函数声明和函数表达式

来源:互联网 发布:win10最好的优化软件 编辑:程序博客网 时间:2024/04/26 03:51
1. 函数声明和函数表达式

函数声明的写法有一种,函数表达式有四种
这里写图片描述

2. 函数声明和函数表达式的区别

函数声明会被前置
函数表达式也会被提前,但是提前的是var add(即undefined)所以

  • 函数声明可以在前面使用
  • 函数表达式不可以在前面使用

这里写图片描述

再举一个栗子

        <script type="text/javascript">              fn1();//不会报错,因为"提升了"函数声明,函数调用可在函数声明之前              function fn1(){                  console.log("这里是函数声明");              }              fn2();//会报错,变量fn2还未保存对函数的引用,函数调用必须在函数表达式之后              var fn2=function(){                  console.log("这里是函数表达式");              }          </script>  
3. 命名函数表达式

该函数不常用但是有一些经典的兼容性问题。如下所示:本图片忽略掉//递归调用下面那一行。即执行前面两行代码,在IE6~8会弹出false,在IE9+会报错。
这里写图片描述

4. Function构造器

Function构造器有两种写法,结果都是一样的。

  var func =new Function('a','b','console.log(a+b);');  func(1,2);//3  var func =Function('a','b','console.log(a+b);');  func(1,2);//3

case1
function函数构造器里面创建的变量,依然是局部变量,后面的括号()()代表可以立即执行;
case2
function可以拿到全局变量,但是拿不到var localVal=’local’;
这里写图片描述

5. 比较

这里写图片描述

注意:立即调用指的是()()
第四项,函数构造器没有名称所以不说,函数表达式不可以是因为上面提到的NFE