Js在html文件中块状执行机制

<script>
//块1
function add(a,b)
{
	return a + b;
}
document.write(add(10,20));
</script>
Hello,World!
<script>
//块2
</script>

结果：成功。输出"30 Hello,World!"

<script>
//块1
document.write(add(10,20));
function add(a,b)
{
	return a + b;
}
</script>
Hello,World!
<script>
//块2
</script>

结果：成功。输出"30 Hello,World!"
说明：函数add的声明在整个块1中都是有效的。

<script>
//块1
document.write(add(10,20));
</script>
Hello,World!
<script>
//块2
function add(a,b)
{
	return a + b;
}
</script>

结果：错误。提示"缺少对象add"
说明：Js在html中的执行顺序是先执行块1，再执行块2。add在块2中声明，在块1中调用时还未声明，因而出错！

<script>
//块1
function add(a,b)
{
    return a + b;
}
</script>
Hello,World!
<script>
//块2
document.write(add(10,20));
</script>

结果：成功。输出"Hello,World! 30"
说明：在块2中调用add时，add已在块1声明过了。

评论（0）