码迷,mamicode.com
首页 > 其他好文 > 详细

变量 和函数声明提前问题

时间:2016-08-08 15:48:04      阅读:213      评论:0      收藏:0      [点我收藏+]

标签:

经验总结:

  1、变量的声明被提前到作用域顶部,赋值保留在原地;

  2、函数声明整个被提前;

  3、函数作为值整个赋给变量时,只有变量“被提前”了,函数没有“被提前”。

 

作为最佳实践:

  变量声明一定放在作用域/函数最顶部(JavaScript只有函数作用域)。

 

举例:

// 变量声明被提前到作用域顶部,赋值保留在原地。
var a = ‘out‘;
(function inside(){
     alert(‘before: ‘ + a);      //undefined
     var a = ‘in‘;
     alert(‘after: ‘ + a);      //‘in‘
}())
alert(‘out: ‘ + a);  // ‘out‘

//相当于
var a = ‘out‘;
(function inside(){
     var a;   //声明提前
     alert(‘before: ‘ + a);      //a未被初始化,故为undefined
     a = ‘in‘;
     alert(‘after: ‘ + a);      //a被赋值,为‘in‘
}())
alert(‘out: ‘ + a);
// 函数声明整个被提前
// 函数声明格式:function fun(){...}
fun();  //‘Hello,world.‘
function fun(){ alert(‘Hello,world.‘); }
fun();  //‘Hello,world.‘

//函数作为值整个赋给变量时,只是变量被提前,函数未被提前
fun();   //TypeError错误,指出fun不是一个函数
var fun = function(){ alert(‘Hello,world.‘); };
fun();  //‘Hello,world.‘
相当于:
var fun;
fun();   //fun还未被初始化,所以它不是一个函数
fun = function(){ alert(‘Hello,world.‘); };
fun();  //‘Hello,world.‘

这个知识点具体细节大概就这么多,认真思考体会。

参考:

知乎话题

博客1

一些官方说明文档

变量 和函数声明提前问题

标签:

原文地址:http://www.cnblogs.com/eiyc/p/5749533.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!