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

时间：2015-07-03 10:27:26 阅读：148 评论：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年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行