script中function加载的特例

	<html>
		<head>
			<title></title>
		</head>
		<body>
			<script type="text/javascript">
		    	Fn();  //浏览器报错:"undefined"
			</script>
			
			<script type="text/javascript">
			   	function Fn(){ //函数1
		        	 alert("执行了函数1");
		    	 }
			</script>
		</body>
	</html>

为什么运行上面的代码浏览器会报错呢?声明函数不是会在预处理期就会被处理了吗,怎么还会找不到Fn()函数呢?其实这是一个理解误点,我们上面说了JS引擎是按照代码块来顺序执行的,其实完整的说应该是按照代码块来进行预处理和执行的,也就是说预处理的只是执行到的代码块的声明函数和变量,而对于还未加载的代码块,是没法进行预处理的,这也是边编译边处理的核心所在。

以上内容参考

这里才是重点!!!
上面写了一大堆,也就是说,JS在加载的时候会按顺序加载script标签元素中的代码块,对于这些代码块,用类似于function xxx(){}这种方式声明的function会在该script中被优先加载,相当于把这种function的声明提到了该script中的最前面。

对于JS代码块加载顺序不了解可以点这里

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值