JavaScript--Function, Variable作用域

最新推荐文章于 2024-02-28 16:51:36 发布

iceman1952

最新推荐文章于 2024-02-28 16:51:36 发布

阅读量1.1k

点赞数

分类专栏： JavaScript 文章标签： function initialization javascript html

本文链接：https://blog.csdn.net/iceman1952/article/details/6096308

版权

JavaScript 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

一、在执行JavaScript语句前，首先将所有的declaration都提到其所在scope的顶部（注意：只提取declaration，不提取initialization）

也就是说，解释器在执行某个函数或者initialize某个变量前，首先将这些内容提取到其所在scope的顶部

Demo function定义：

<html>
	<head>
		<script type="text/javascript">
						varFunction("第一次调用");//第一次调用
						var varBefore = "I'm varBefore";
						varFunction("第二次调用");//第二次调用
						function varFunction(invokeSeq){
							alert(invokeSeq+": varBefore=" + varBefore);
							alert(invokeSeq+": varEnd=" + varEnd);
							alert(invokeSeq+": varMiddle=" + varMiddle);
							alert(invokeSeq+": varFunction=" + varFunction);
					    return 1;
						}
						varFunction("第三次调用");//第三次调用
						var varMiddle = "I'm varMiddle";
						varFunction("第四次调用");//第四次调用
						var varEnd = "I'm varEnd";
						varFunction("第五次调用");//第五次调用
		</script>
	</head>

	<body οnlοad="message()">
	</body>
</html>

Demo variable定义：

<html>
	<head>
		<script type="text/javascript">
						var varBefore;
						function varFunction(invokeSeq){
							alert(invokeSeq+": varBefore=" + varBefore);
							alert(invokeSeq+": varEnd=" + varEnd);
							alert(invokeSeq+": varMiddle=" + varMiddle);
							alert(invokeSeq+": varFunction=" + varFunction);
					    return 1;
						}
						var varMiddle;
						var varEnd;
						
						varFunction("第一次调用");//第一次调用
						varBefore = "I'm varBefore";
						varFunction("第二次调用");//第二次调用
						varFunction("第三次调用");//第三次调用
						varMiddle = "I'm varMiddle";
						varFunction("第四次调用");//第四次调用
						varEnd = "I'm varEnd";
						varFunction("第五次调用");//第五次调用
		</script>
	</head>

	<body οnlοad="message()">
	</body>
</html>

二、如果函数定义和变量定义重名

Variable initialiazation> Function declaration> Variable declaration

Demo function and variable定义：

<html>
	<head>
		<script type="text/javascript">
						alert(typeof value);// function. (Function declaration > Variable declaration)
						alert(value);// function content. (Function declaration > Variable declaration)
						alert(value());// 1
						
						// Both function and variable declaration will be hoisted to the top
						// of containing scope before javascript intepreter executes any code
						var value;
						function value(){
					    return 1;
						}
						
						value = 10000;
						alert(typeof value);//number. (Variable initialization > Function declaration)
						alert(value);// 10000. (Variable initialization > Function declaration)
						alert(value());// Error. Because value is a variable, not a function any longer
		</script>
	</head>

	<body οnlοad="message()">
	</body>
</html>

问题：

如果 html 中，有多个 <script type="text/javascript"></script>，那么，这些<script></script>中的functioin, variable之间有关系吗？可以相互覆盖嘛？

iceman1952

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript--Function, Variable作用域

一、在执行JavaScript语句前，首先将所有的declaration都提到其所在scope的顶部（注意：只提取declaration，不提取initialization）也就是说，解释器在执行某个函数或者initialize某个变量前，首先将这些内容提取到其所在scop
复制链接

扫一扫