JavaScript中提前声明变量或函数例子_javascript技巧
程序员文章站
2022-03-10 10:22:13
...
如题所示,看下面的示例。
var name = "xiaoming";
function xxx(){
// 一堆代码...
// ...
var name2 = name;
var name = name || "小张";
// 一堆代码
}
function xxx(){
var name2 = undefined;
var name = undefined;
// 其他 var 也会被提前到最起始处
// 一堆代码...
// ...
name2 = name;
name = name || "小张";
// 一堆代码
}
(可以使用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 || "小张";
// 一堆代码
}
下一篇: 关于PHP令牌Token的改进
推荐阅读
-
JavaScript中Hoisting详解 (变量提升与函数声明提升)
-
JavaScript中全局变量、函数内变量以及常量表达式的效率测试_javascript技巧
-
JavaScript中的变量声明早于赋值分析_javascript技巧
-
关于JavaScript中var声明变量作用域的推断_javascript技巧
-
JavaScript中Hoisting详解 (变量提升与函数声明提升)
-
JavaScript中的函数声明和函数表达式区别浅析_javascript技巧
-
浅析javascript中函数声明和函数表达式的区别_javascript技巧
-
浅谈JavaScript中定义变量时有无var声明的区别_javascript技巧
-
JavaScript中函数声明优先于变量声明的实例分析_javascript技巧
-
JavaScript中函数声明优先于变量声明