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

WBOY
풀어 주다: 2016-06-06 20:45:28
원래의
1113명이 탐색했습니다.

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>
로그인 후 복사
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!