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 

执行时的截图如下所示:

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