函数声明和函数表达式
程序员文章站
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