在javascript中,函数声明有定义表达式和函数声明这两种写法。比如:

1
2
3
var text1 = function(x) {
return x + 1;
}
1
2
3
function f(x) {
return x + 1;
}

  尽管函数定义表达式和函数声明语句包含相同的函数名,并且都创建了新的函数对象,但是这二者却有区别。函数声明语句中的函数名是一个变量名,变量指向函数对象。
  函数定义表达式和通过var声明变量一样,其函数被提前到了脚本或函数的顶部,因此它在整个脚本和或函数内都是可见的。这样的话,只有函数变量声明提前了,函数的初始化代码仍然在原来的位置。但是使用函数声明的话,函数名称和函数体均提前了,即脚本中的函数和函数中嵌套的函数都会在当前上下文中其它代码之前声明,也就是说可以在声明一个函数之前调用它。

  举个例子就明白了

1
2
3
4
test(1);
  function test(x){
    alert(x);
  }

  这是可以正常运行的,输出结果为1,因为对于函数的声明语句,函数的名称和函数体都提前到函数或者脚本的顶部声明了,可以在声明之前去调用它。

1
2
3
4
5
test(1);
  var test = function(x){
    alert(x);
  }
  //报错Uncaught TypeError: test is not a function

  这个代码就不行了,出现了报错。
  这是为啥子腻??? 这是因为对于函数定义的表达式只有函数变量声明提前了,但是函数变量的初始化仍然在原来的位置。

  相当于如下代码:text函数变量声明提前了

1
2
3
4
5
var test;   //声明提前
  test(1);
  var test = function(x){
    alert(x);
  }

  所以会报错Uncaught TypeError: test is not a function


  先好好体会一下吧。


  愿你的坚持都有收获!!!