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 || "小张";
// 一堆代码
}
相关文章
JavaScript 异步调用框架 (Part 6 - 实例 & 模式)
我们用了5篇文章来讨论如何编写一个JavaScript异步调用框架(问题 & 场景、用例设计、代码实现、链式调用、链式实现),现在是时候让我们看一下在各种常见开发情景中如何使用它了。2009-08-08
解决WebStorm 2022.3.x 无法识别 Element UI 2.15.11 新版本中的 el-
这篇文章主要介绍了解决 WebStorm 2022.3.x 无法识别 Element UI 2.15.11 新版本中的 el-xxx 标签问题,本文给大家分享两种解决方案,需要的朋友可以参考下2023-01-01


最新评论