当前位置:Gxlcms > JavaScript > 函数声明与函数表达式有什么区别

函数声明与函数表达式有什么区别

时间:2021-07-01 10:21:17 帮助过:12人阅读


一、 定义函数的方式

定义函数有两种方式:函数声明和函数表达式。
函数声明的语法是这样的:

function functionName(arg0,arg1){//函数体}

首先是function关键字,然后是函数的名字,这就是指定函数名的两种方式。关于函数声明,他最重要的一个特征,就是函数声明提升,意思是会在执行代码前读取函数声明。这就意味着可以把函数声明放在调用它的语句后。如:

a();function a(){alert("a");}//a

这个例子不会出错,因为在执行代码前就会先读取函数声明。
第二种创建函数的方式是函数表达式,下面是最常见的一种方式:

var a = function(arg0,arg1){//函数体};

这种形式看起来就像常规的变量赋值语句,即创建一个函数并把它赋值给变量a,这种情况下创建的函数叫做匿名函数,因为function关键字后面没有标识符。
函数表达式与其他表达式一样,在使用前必须赋值。下面的代码会导致错误:

a();var a = function(){alert("a");};//错误//补充说明:使用该方法定义函数,只有变量声明提前了,变量初始化代码仍在原来的位置

二、 函数声明与函数表达式的区别

1、函数声明中函数名是必须的,函数表达式中则是可选的。

//函数声明
    function sum(a, b) {
        return a + b;
    }
    alert(sum(1, 2));
//函数表达式
    /* var s = function sum(a, b) {
        return a + b;
    }
    alert(s(1, 2)); */

    var s = function(a, b) {
        return a + b;
    }
    alert(s(1, 2));    //以上两种都可以

2、用函数声明定义的函数,函数可以在函数声明之前调用,而用函数表达式定义的函数则只能在声明之后调用。

根本原因在于解析器对于这两种定义方式读取的顺序不同:解析器会实现读取函数声明,即函数声明放在任意位置都可以被调用;而对于函数表达式,解析器只有在读到函数表达式所在那一行时才会开始执行(详情请看第一部分“函数定义的方式”)。

以上就是函数声明与函数表达式有什么区别的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行