phpstudy集成环境

 首页 > javascript的函数为什么不能像php那样先调用再申明？

javascript的函数为什么不能像php那样先调用再申明？

javascript中，函数一定要这样：

function a(){}

a();

如果反了，就不行，比如：

a();
function a(){};

但是在php里就可以这样：

a();
function a(){}

同样是脚本语言，为什么javascript不能在调用后申明？javascript后续版本中是否会实现这样的功能？

等你真正学会函数式编程，理解js里面的闭包以后，你才会明白js的函数比php里面的好用太多

你确定不可以？

test();
function test() {
    console.log('test string');
}

楼主你确定试验了你的代码了么

楼主是怎么得到这个结论的。
alert(a());
function a(){
return 1;
}//1
这样的代码是可以运行的。

alert(a());
var a=function(){
return 1;
}//error: unexpected indentifier
这样的代码才会报错。

因为函数声明会在js解析器解析时候率先解析，保证其他代码执行之前，函数可用。而函数表达式必须要等到代码解析器解析到他所在代码行，才会被解释执行。

楼主问题本身就是错误的

这样应该是统一规范语言，兼容各种浏览器。

  1. function func(){...}这是函数声明，将在代码执行前被（完整地）加载到作用域的最前端，因此在代码编写中可以（在同作用域或上层作用域中）后置，即题主所说的先调用再声明。
  2. 函数声明/变量声明都会被hoisting，其中函数声明会被完整前置，而变量声明仅前置声明部分而不前置赋值部分。

代码栗子：

(function(){
  f1() 
  f2()

  var f1 = function(){}
  function f2(){}
})()

运行时：

(function(){
  var f1,function f2(){} //hoisting,被隐式提升的声明

  f1() //ReferenceError: f1 is not defined
  f2()

  f1 = function(){}
})()

结论：
js目前就支持题主所说的先调用再声明。

http://jsfiddle.net/ZvLht/

目前ES5下是完全没有问题的，不过似乎在ES6中这种情况会有所改变，印象中应该是在 http://es6.ruanyifeng.com/ 这里看到过，不过不大记得在哪里了，你可以翻翻看。

楼主，你没搞懂JS的函数声明提升。

a();
function a(){};

这个是可以执行的，而像下面这样是不行

a();   //a是undefined,a已是已经声明了，因为var a,但是未赋值
var a = function(){};

对于提升 hoisting 的理解，必须强烈推荐 @nightire 前辈的博文：

《理解 JavaScript（二）》

@nightire 前辈在博文中详细讲解和介绍了 Scoping & Hoisting，题主耐心读完就基本清楚了。

顺便提下我的一篇博文，也介绍了一点相关的内容，题主不妨也读一下。:)

《细说 Javascript 函数篇（一） : 函数声明和函数表达式》

【热门文章】
【热门文章】