Javascript中函数及变量定义的提升

时间：2015-07-03 10:25:44 阅读：104 评论：0 收藏：0 [点我收藏+]

<html>
<head>
<title>函数提升</title>
<script language="javascript" type="text/javascript">
//在全局对象中声明两个全局函数,反模式
function foo()
{
alert("global foo");
}
function bar()
{
alert("global bar");
}
//定义全局变量
var v = "global var";
function hoistMe()
{
alert(typeof foo); //function
alert(typeof bar); //undefined
alert(v); //undefined
//为什么bar函数和变量v是未定义而不是全局变量中定义的相应的函数变量呢？
//因为函数里面定义了同名的函数和变量，无论在函数的任何位置定义这些函数和
//和变量，它们都将被提升到函数的最顶部。
foo(); //local foo
bar(); //报错，缺少对象
//函数声明，变量foo以及其实现被提升到hoistMe函数顶部
function foo()
{
alert("local foo");
}
//函数表达式,仅变量bar被提升到函数顶部，实现没有被提升
var bar = function()
{
alert("local bar");
};
//定义局部变量
var v = "local";
}
(function()
{
hoistMe();
})();
//函数表达式和变量表达式只是其声明被提升，函数声明是函数的声明和实现都被提升。
/**由于函数提升的效果，hoistMe方法相当于
function hoistMe()
{
//函数声明，变量foo以及其实现被提升到hoistMe函数顶部
function foo()
{
alert("local foo");
}
//函数表达式,仅变量bar被提升到函数顶部，实现没有被提升(同变量提升)
var bar = undefined;
//变量声明被提升
var v = undefined;
alert(typeof foo); //function
alert(typeof bar); //undefined
foo(); //local foo
bar(); //报错，缺少对象
bar = function()
{
alert("local bar");
};
v = "local";
}
*/
</script>
</head>
<body>
</body>
</html>

原文：http://www.cnblogs.com/xiaotaiyang/p/4617863.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)