欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

函数声明和函数表达式

程序员文章站 2022-03-18 20:16:52
...
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

相关标签: javascript