码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript 中对变量和函数声明的提前示例

时间:2014-11-07 22:09:30      阅读:268      评论:0      收藏:0      [点我收藏+]

标签:javascript   变量   函数   声明   提前   

如题所示,看下面的示例
(可以使用Chrome浏览器,然后F12/或者右键,审查元素.调出开发者工具,进入控制台console输入)
(使用技巧: 控制台输入时Shift+Enter可以中途代码换行)

var name = "xiaoming"; 

(function(){ 
  var name = name || "小张";
  console.info(name);
})();// 小张

(function(){
  name = name || "小张";
  console.info(name);
})(); // xiaoming

(function(){
  var name2= name;
  var name = name || "小张";
  console.info(name, name2);
})(); // 小张 undefined 

执行时的截图如下所示:

bubuko.com,布布扣


解释如下: 
在JavaScript中,
function xxx(){
  // 一堆代码...
  // ...
  var name2 = name;
  var name = name || "小张";
  // 一堆代码
}

执行时会变成这种等价形式:
function xxx(){
  var name2 = undefined;
  var name = undefined;
  // 其他 var 也会被提前到最起始处
  // 一堆代码...
  // ...
  name2 = name;
  name = name || "小张";
  // 一堆代码
}

你还可以参考 Bootstrap中文网的教程 JavaScript 中对变量和函数声明的提前(hoist)

日期: 2014-11-07

作者: 铁锚(http://blog.csdn.net/renfufei)


JavaScript 中对变量和函数声明的提前示例

标签:javascript   变量   函数   声明   提前   

原文地址:http://blog.csdn.net/renfufei/article/details/40899083

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