首頁 >後端開發 >php教程 >javascript的函数为什么不能像php那样先调用再申明?

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

WBOY
WBOY原創
2016-06-06 20:45:281158瀏覽

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后续版本中是否会实现这样的功能?

  1. function func(){...}这是函数声明,将在代码执行前被(完整地)加载到作用域的最前端,因此在代码编写中可以(在同作用域或上层作用域中)后置,即题主所说的先调用再声明。
  2. 函数声明/变量声明都会被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>
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn