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

最新推荐文章于 2022-01-18 14:17:26 发布

apple_wxs

最新推荐文章于 2022-01-18 14:17:26 发布

阅读量217

点赞数

分类专栏： JavaScript 文章标签： HTML

JavaScript 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

看这两个例子

<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>