JavaScript中提前声明变量或函数例子

2019-12-18,,

如题所示,看下面的示例。

(可以使用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 || "小张";
  // 一堆代码
}

您可能感兴趣的文章:

  • JavaScript中的函数的两种定义方式和函数变量赋值
  • JavaScript变量声明详解
  • JavaScript声明变量名的语法规则
  • 浅谈JavaScript中定义变量时有无var声明的区别
  • 浅谈javascript:两种注释,声明变量,定义函数

《JavaScript中提前声明变量或函数例子.doc》

下载本文的Word格式文档,以方便收藏与打印。