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 

运行时的截图例如以下所看到的:

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcmVuZnVmZWk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />

解释例如以下: 
在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)