javascript函数定义表达式和函数声明的区别

作者:互联网   出处:控件中国网   2014-11-05 19:06:30   阅读:1

 在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不是一个函数的错误。
 
Copyright© 2006-2015 ComponentCN.com all rights reserved.重庆磐岩科技有限公司(控件中国网) 版权所有 渝ICP备12000264号 法律顾问:元炳律师事务所
客服软件
live chat