`
apple_wxs
  • 浏览: 103389 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

声明式函数 与 函数表达式 的解析顺序

HTML 
阅读更多
看这两个例子 
<html>
<head>
	<title>声明式函数 与 函数表达式 的解析顺序1</title>
</head>
<body>
文档加载运行前，声明式函数最先被解析器解析，而函数表达式 是代码运行到它那行时，它才被解析
<br>
另外 如果文档中含有 多个同名的 声明式函数，则以文档后面的为准，因为代码从前向后找，如果有同名，会用后面的覆盖前面的
<br>
这里，虽然文档加载运行前，声明式函数t1先被解析器解析，<br>
但是当文档开始运行时，函数表达式t1 被解析了，所以它覆盖了 声明式函数t1，<br>
从而导致了页面的信息 是三个 new new t1
<hr/>
<script>
<!--
	function dwn(s)
	{
		document.write(s + "<br/>");
	}
	t1=function()  //用函数表达式给t1重新赋值
	{
		dwn("new new t1");
	}
	t1();
	function t1()  //声明式函数
	{
		dwn("t1");
	}
	t1();
	function t1()  //重新声明了一个新的t1
	{
		dwn("new t1");
	}
	t1();
	
-->
</script>
</body>
</html>


<html>
<head>
	<title>声明式函数 与 函数表达式 的解析顺序2</title>
</head>
<body>
这里，函数表达式t1 在前面两次t1() 调用之后被解析的，<br>
所以前两个t1() 的输出是按照<br>
"如果文档中含有 多个同名的 声明式函数，则以文档后面的为准，因为代码从前向后找，如果有同名，会用后面的覆盖前面的"</br>
这个原则执行的，最后一次调用t1() 之前，t1 被函数表达式t1 覆盖了，所以结果为 new new t1
<hr/>
<script>
<!--
	function dwn(s)
	{
		document.write(s + "<br/>");
	}
	
	function t1()  //声明式函数
	{
		dwn("t1");
	}
	t1();
	function t1()  //重新声明了一个新的t1
	{
		dwn("new t1");
	}
	t1();
	t1=function()  //用函数表达式给t1重新赋值
	{
		dwn("new new t1");
	}
	t1();
	
-->
</script>
</body>
</html>

分享到：
| 纵表 转 横表 sql
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics