js 执行的一些疑问。
js是顺序加载,解释执行的。函数定义顺序 对函数的执行 并没有影响。
对于下面一种测试的js调用情况。
----------------test.html---start-----------------
<HTML> <HEAD>
<SCRIPT LANGUAGE="JavaScript">
function [color=red]callBack()[/color]{
alert('run callback!');
}
</SCRIPT>
[color=red]<script type="text/javascript" src="test.js"></script>[/color]
</HEAD> <BODY>
<button οnclick="test(callBack);">click me</button>
</BODY>
</HTML>
----------------------------test.html---end--------------------
----------------------------test.js--start-----------------
function test(callback){
alert("run test function");
callback();
}
-----------------------------test.js----end----------------------
[b][size=18][color=blue]对于 callBack函数的定义位置,如果在 test.js 引入之后,则会报 函数未定义错误;如果在test.js引入之前,则函数触发运行正常正常。 对于这个现象 不是很明白,大家讨论下。[/color][/size][/b]
在实际的编程中,还有有用的,因为,如果我们可以在任意位置 定义 callBack 函数。对于很多功能我们 可以定义成一个模块, 调用时传入一个 回掉函数,完成相应的功能就 调用它,这样,整个程序的 耦合性比较小。
js是顺序加载,解释执行的。函数定义顺序 对函数的执行 并没有影响。
对于下面一种测试的js调用情况。
----------------test.html---start-----------------
<HTML> <HEAD>
<SCRIPT LANGUAGE="JavaScript">
function [color=red]callBack()[/color]{
alert('run callback!');
}
</SCRIPT>
[color=red]<script type="text/javascript" src="test.js"></script>[/color]
</HEAD> <BODY>
<button οnclick="test(callBack);">click me</button>
</BODY>
</HTML>
----------------------------test.html---end--------------------
----------------------------test.js--start-----------------
function test(callback){
alert("run test function");
callback();
}
-----------------------------test.js----end----------------------
[b][size=18][color=blue]对于 callBack函数的定义位置,如果在 test.js 引入之后,则会报 函数未定义错误;如果在test.js引入之前,则函数触发运行正常正常。 对于这个现象 不是很明白,大家讨论下。[/color][/size][/b]
在实际的编程中,还有有用的,因为,如果我们可以在任意位置 定义 callBack 函数。对于很多功能我们 可以定义成一个模块, 调用时传入一个 回掉函数,完成相应的功能就 调用它,这样,整个程序的 耦合性比较小。