引用js文件中的函数调用

开发中遇到一个问题,代码demo如下:

test.js文件内容:

 1 var b = getHomeCity(); 

 

Test.html文件内容:

 1 
 2 
 3     
 4         Test HTML Page
 5         
 6         
18     
19     
20         
21     
22 

运行后结果:

引用js文件中的函数调用_第1张图片

打开console发现报错:

引用js文件中的函数调用_第2张图片

getHomeCity()未定义:

引用js文件中的函数调用_第3张图片

 

 

后来改了一下getHomeCity()函数位置:

 1 
 2 
 3     
 4         Test HTML Page
 5         
10         
11         
20     
21     
22         
23     
24 

运行结果:

引用js文件中的函数调用_第4张图片

 

同一Script代码块中的函数调用:

 1 
 2 
 3     
 4         Test HTML Page
 5         
18     
19     
20         
21     
22 

运行结果:

引用js文件中的函数调用_第5张图片

 

 

结论:

同一个Script代码块中,函数可以相互调用,根据函数定义提升原则,函数定义写在前面或后面都可以执行该函数

但是不同的Script代码块之间调用函数,一定要在调用函数之前定义了该函数,否则会出现undefined的情况。

 

你可能感兴趣的:(引用js文件中的函数调用)