javascript函数定义表达式和函数声明的区别是什么?

javascript函数定义表达式和函数声明的区别是什么?下面本篇文章给大家介绍一下函数定义表达式和函数声明的区别。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

在javascript中,函数有两种定义写法,函数定义表达式和函数声明,其例子分别如下所示:

var test = function(x){
 return x;
}
function test(x){
    return x;
}

尽管函数定义表达式和函数声明语句包含相同的函数名,并且都创建了新的函数对象,但是这二者却有区别。

函数声明语句中的函数名是一个变量名,变量指向函数对象。

函数定义表达式和通过var声明变量一样,其函数被提前到了脚本或函数的顶部,因此它在整个脚本和或函数内都是可见的。这样的话,只有函数变量声明提前了,函数的初始化代码仍然在原来的位置。但是使用函数声明的话,函数名称和函数体均提前了,即脚本中的函数和函数中嵌套的函数都会在当前上下文中其它代码之前声明,也即可以在声明一个函数之前调用它。

举个例子:

test(1);
function test(x){
  console.log(x);
}

上述代码能正常执行,结果输出为1;因为对于函数声明语句,函数名称和函数体均提前声明了,可以在声明之前调用它。

test(1);
var test = function(x){
  console.log(x);
}

上述代码不能正常执行,会报错。

因为对于函数定义表达式,只有函数变量声明提前了,但是函数的初始化代码仍然在原来的位置,也即相当于如下的代码

var test;   //函数变量声明提前
  test(1);
  var test = function(x){
    console.log(x);
}

因此,会报错test不是一个函数的错误。

更多web前端知识,请查阅 HTML中文网 !!

以上就是javascript函数定义表达式和函数声明的区别是什么?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » JavaScript 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏