论坛首页 Web前端技术论坛

js 函数的定义、运行 顺序。

浏览 7224 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2007-11-15  
js 执行的一些疑问。
js是顺序加载,解释执行的。函数定义顺序 对函数的执行 并没有影响。

对于下面一种测试的js调用情况。
----------------test.html---start-----------------
<HTML> <HEAD> 
<SCRIPT  LANGUAGE="JavaScript"> 
function callBack(){
alert('run callback!');
}
</SCRIPT> 
<script type="text/javascript" src="test.js"></script>
</HEAD>  <BODY> 
<button onclick="test(callBack);">click me</button>
</BODY> 
</HTML> 
----------------------------test.html---end--------------------
----------------------------test.js--start-----------------
function test(callback){
alert("run test function");
callback();
}
-----------------------------test.js----end----------------------

对于 callBack函数的定义位置,如果在 test.js 引入之后,则会报  函数未定义错误;如果在test.js引入之前,则函数触发运行正常正常。    对于这个现象 不是很明白,大家讨论下。

在实际的编程中,还有有用的,因为,如果我们可以在任意位置 定义 callBack 函数。对于很多功能我们 可以定义成一个模块, 调用时传入一个 回掉函数,完成相应的功能就 调用它,这样,整个程序的 耦合性比较小。 
   发表时间:2007-11-15  
这都是什么古怪问题,大哥,你这么写<script type="text/javascript" src="test.js"/> 我都怀疑ie 怎么去解释,script元素不是这么结素的,是<script src=.....></script>
0 请登录后投票
   发表时间:2007-11-15  
这个只是一个测试的js程序。
只测试了firefox,没有测ie哦。

这个情况在 写js的时候,应该 比较常见阿。
0 请登录后投票
   发表时间:2007-11-15  
应该明白你的意思...如果有多个<SCRIPT>标签,也应该是从上到下按顺序EXECUTE的. 就是说上面的<SCRIPT>里有个FUNCTION,下面的<SCRIPT>就可以继续用上面声明过的FUNCTION,反过来是不行的. 因为他们不在同一个<SCRIPT></SCRIPT>里. 当然也有例外,<SCRIPT DEFER>..</SCRIPT>有DEFER属性出现后,就等于告诉JAVASCRIPT,该<SCIRPT>要在整个DOCUMENT被处理完后在被执行,DEFER只在IE中有用...

0 请登录后投票
   发表时间:2007-11-15  
常见个鸟,只要各个外部js文件都是声明,那就不会有问题,如果外部js也包括加载处理,但是不依赖别的文件中的声明或加载那也没问题,问题就是出现在后加载的需要前加载的进行一些声明设置,当然是按照顺序了,注意声明比较特殊,虽说声明是预处理,但是不同js文件当中的声明是不是预处理得看各个实现如何
0 请登录后投票
   发表时间:2007-11-15  
afcn0 写道
常见个鸟,只要各个外部js文件都是声明,那就不会有问题,如果外部js也包括加载处理,但是不依赖别的文件中的声明或加载那也没问题,问题就是出现在后加载的需要前加载的进行一些声明设置,当然是按照顺序了,注意声明比较特殊,虽说声明是预处理,但是不同js文件当中的声明是不是预处理得看各个实现如何
但是现在 test.js文件中是一个 函数申明,并没有依赖于 callBack()函数的定义。   那么 callBack的定义位置怎么会 对 这个函数的造成影响呢
0 请登录后投票
   发表时间:2007-11-15  
大哥你不会指的是这样写吧
<script type="text/javascript" src="test.js" /> 
<SCRIPT LANGUAGE="JavaScript"> 
function callBack(){ 
alert('run callback!'); 
} 
</SCRIPT> 

看来你也有制定新语法的资质,厉害,实在是高
0 请登录后投票
   发表时间:2007-11-15  
afcn0 写道
大哥你不会指的是这样写吧
<script type="text/javascript" src="test.js" /> 
<SCRIPT LANGUAGE="JavaScript"> 
function callBack(){ 
alert('run callback!'); 
} 
</SCRIPT> 

看来你也有制定新语法的资质,厉害,实在是高
这样子不符合语法吗?
那就是说 我们定义回调函数 不能随便什么位置!?
0 请登录后投票
   发表时间:2007-11-15  
jonson 写道
afcn0 写道
大哥你不会指的是这样写吧
<script type="text/javascript" src="test.js" /> 
<SCRIPT LANGUAGE="JavaScript"> 
function callBack(){ 
alert('run callback!'); 
} 
</SCRIPT> 

看来你也有制定新语法的资质,厉害,实在是高
这样子不符合语法吗?
那就是说 我们定义回调函数 不能随便什么位置!?


语法没错,顺序错了.

要是全写在一个<SCRIPT></SCRIPT>里,FUNCTION在哪儿都成. 但是如果有多个<SCRIPT></SCRIPT>就有顺序之分了...从上到下....你不用FUNCTION,用一般变量一样也能看出来.
0 请登录后投票
   发表时间:2007-11-15  
楼上也是高人,发帖前最好仔细看看帖,要不会造成资源浪费,我在第一个回帖就解决了lz问题,可惜lz不领情,坚信自己语法的正确,无奈,无奈,无奈,无奈
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics