Heim >Backend-Entwicklung >PHP-Tutorial >javascript的函数为什么不能像php那样先调用再申明?
javascript中,函数一定要这样:
<code>function a(){} a(); </code>
如果反了,就不行,比如:
<code>a(); function a(){}; </code>
但是在php里就可以这样:
<code>a(); function a(){} </code>
同样是脚本语言,为什么javascript不能在调用后申明?javascript后续版本中是否会实现这样的功能?
javascript中,函数一定要这样:
<code>function a(){} a(); </code>
如果反了,就不行,比如:
<code>a(); function a(){}; </code>
但是在php里就可以这样:
<code>a(); function a(){} </code>
同样是脚本语言,为什么javascript不能在调用后申明?javascript后续版本中是否会实现这样的功能?
function func(){...}
这是函数声明
,将在代码执行前被(完整地)加载到作用域的最前端,因此在代码编写中可以(在同作用域或上层作用域中)后置,即题主所说的先调用再声明。hoisting
,其中函数声明会被完整前置,而变量声明仅前置声明部分
而不前置赋值部分
。代码栗子:
<code class="lang-javascript">(function(){ f1() f2() var f1 = function(){} function f2(){} })() </code>
运行时:
<code class="lang-javascript">(function(){ var f1,function f2(){} //hoisting,被隐式提升的声明 f1() //ReferenceError: f1 is not defined f2() f1 = function(){} })() </code>
结论:
js目前就支持题主所说的先调用再声明。
http://jsfiddle.net/ZvLht/
目前ES5下是完全没有问题的,不过似乎在ES6中这种情况会有所改变,印象中应该是在 http://es6.ruanyifeng.com/ 这里看到过,不过不大记得在哪里了,你可以翻翻看。
对于提升 hoisting
的理解,必须强烈推荐 @nightire 前辈的博文:
《理解 JavaScript(二)》
@nightire 前辈在博文中详细讲解和介绍了 Scoping & Hoisting
,题主耐心读完就基本清楚了。
顺便提下我的一篇博文,也介绍了一点相关的内容,题主不妨也读一下。:)
《细说 Javascript 函数篇(一) : 函数声明和函数表达式》
你确定不可以?
<code>test(); function test() { console.log('test string'); } </code>
等你真正学会函数式编程,理解js里面的闭包以后,你才会明白js的函数比php里面的好用太多
这样应该是统一规范语言,兼容各种浏览器。
楼主是怎么得到这个结论的。
alert(a());
function a(){
return 1;
}//1
这样的代码是可以运行的。
alert(a());
var a=function(){
return 1;
}//error: unexpected indentifier
这样的代码才会报错。
因为函数声明会在js解析器解析时候率先解析,保证其他代码执行之前,函数可用。而函数表达式必须要等到代码解析器解析到他所在代码行,才会被解释执行。
楼主你确定试验了你的代码了么
楼主问题本身就是错误的
楼主,你没搞懂JS的函数声明提升。
<code>a(); function a(){}; </code>
这个是可以执行的,而像下面这样是不行
<code>a(); //a是undefined,a已是已经声明了,因为var a,但是未赋值 var a = function(){};</code>