javascript 函数声明和函数表达式的区别(学习笔记)

javascript中声明函数的方法有两种:函数声明式和函数表达式.

区别以下:

1).以函数声明的方法定义的函数,函数名是必须的,而函数表达式的函数名是可选的.

2).以函数声明的方法定义的函数,函数能够在函数声明以前调用,而函数表达式的函数只能在声明以后调用.

3).以函数声明的方法定义的函数并非真正的声明,它们仅仅能够出如今全局中,或者嵌套在其余的函数中,可是它们不能出如今循环,条件或者try/catch/finally中,而

    函数表达式能够在任何地方声明.

下面分别用两种方法定义函数:

 1 //函数声明式
 2 function greeting(){
 3       console.log("hello world");  
 4 }
 5 
 6 
 7 //函数表达式
 8 var greeting = function(){
 9     console.log("hello world"); 
10 }

下面一个有趣的javascript:

1 function f() { console.log('I am outside!'); }
2 (function () {
3   if(false) {
4     // 重复声明一次函数f
5     function f() { console.log('I am inside!'); }
6   }
7   f();
8 }());

会输出什么呢?第一反应应该是"I am outside"吧.  结果在chrome中输出"I am inside",IE11直接报错,firefox低一点的版本输出"I am outside"...

chrome输出的结果很明确的反应了用函数声明式声明的函数的特色--函数在声明以前就能够调用.

IE报错显示缺乏对象,由于函数声明在了条件里,违背了函数声明式的原则.

 

函数表达式的做用域:

若是函数表达式声明的函数有函数名,那么这个函数名就至关于这个函数的一个局部变量,只能在函数内部调用,举个栗子:

1 var f = function fact(x) { 
2                 if (x <= 1) 
3                     return 1;
4                 else 
5                     return x*fact(x-1);
6                 };
7                 alert(fact());   // Uncaught ReferenceError: fact is not defined

fact()在函数内部能够调用,在函数外部调用就会报错:fact未定义.

fact