开发中遇到一个问题，代码demo如下：

test.js文件内容：

var b = getHomeCity();

Test.html文件内容:

 <!DOCTYPE html>

 <html>

     <head>

         <title>Test HTML Page</title>

         <script type="text/javascript" src="test.js"></script>

         <script type="text/javascript">

             (

                 function(window){

                     alert(b);

                 }

             )(window);

             function getHomeCity(){

                 return 10;

             }

         </script>

     </head>

     <body>

         <!-- 这里放入内容 -->

     </body>

 </html>

运行后结果：

打开console发现报错：

getHomeCity()未定义：

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

 <!DOCTYPE html>

 <html>

     <head>

         <title>Test HTML Page</title>

         <script type="text/javascript">

             function getHomeCity(){

                 return 10;

             }

         </script>

         <script type="text/javascript" src="test.js"></script>

         <script type="text/javascript">

             (

                 function(window){

                     alert(b);

                 }

             )(window);

         </script>

     </head>

     <body>

         <!-- 这里放入内容 -->

     </body>

 </html>

运行结果：

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

 <!DOCTYPE html>

 <html>

     <head>

         <title>Test HTML Page</title>

         <script type="text/javascript">

             var b = getHomeCity();

             (

                 function(window){

                     alert(b);

                 }

             )(window);

             function getHomeCity(){

                 return 10;

             }

         </script>

     </head>

     <body>

         <!-- 这里放入内容 -->

     </body>

 </html>

运行结果：

结论：

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

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

引用js文件中的函数调用的更多相关文章

  1. JavaScript进阶(二)在一个JS文件中引用另一个JS文件

    在一个JS文件中引用另一个JS文件       转载地址:http://blog.csdn.net/zndxlxm/article/details/7875787 方法一 在调用文件的顶部加入下例代码 ...

  2. JS文件中的中文在网页引用时显示乱码的简单解决方式

    今天把一个jquery方法从前台cshtml文件转移到单独的js文件中后执行不成功,调试发现if判断中的中文字符串变成了乱码,之前在前台文件中是可以正常显示的,所以判定可能是跟文件的编码方式有关系. ...

  3. 在VS中让一个JS文件智能提示另一个JS文件中的成员2--具体引用

    我们知道,在html中,利用<script language="javascript" type="text/javascript" src=" ...

  4. 在SharePoint解决方案中使用JavaScript (1) – 引用.js文件

    本文是系列文章的第一篇. 在SharePoint解决方案中使用JavaScript (0) 作为在SharePoint应用程序中使用JavaScript的第一步,就是要知道如何将一个写好的.js文件, ...

  5. 在一个JS文件中引用另一个JS文件

    方法一,在调用文件的顶部加入下例代码: document.write(”<script language=javascript src=’/js/import.js’></scrip ...

  6. JS文件中引用另一个JS文件

    1.生产项目上遇到一个Bug,需要修改JS文件,添加Jquery代码,但是原来的页面没有添加对Jquery文件的引用,无法修改原来的页面(自动生成的HTML) 这就需要在JS文件中添加对Jquery文 ...

  7. js文件中函数前加分号和感叹号是什么意思？

    本文转自:http://blog.csdn.net/h_o_w_e/article/details/51388500 !function(){}();   !有什么用? 从语法上来开,JavaScri ...

  8. 在VS中让一个JS文件智能提示另一个JS文件中的成员

    “在VS中如何让一个JS文件智能提示另一个JS文件中的成员” 有时候会有这种情况:当我的一个Web页面引用了两个JS文件(假如分别叫common.js和JScript1.js),如果JScript1. ...

  9. js文件中使用EL表达式的问题

    var str = '${str}' ; var str = '${obj.属性名}'; 只可以再jsp页面的<script></script>中使用,外部引入的js文件中不能 ...

随机推荐

  1. 用Python操作MySQL（pymysql）

    用python来操作MySQL,首先需要安装PyMySQL库(pip install pymysql). 连接MySQL: import pymysql connect=pymysql.connect ...

  2. CDH 6.0.1 版本 默认配置下 HUE | happybase 无法访问 Hbase 的问题

    第一个问题 HUE 无法直接连接到 HBase 在默认配置下 CDH 6.0.1 版本下的 HBase2.0 使用了默认配置 hbase.regionserver.thrift.compact = T ...

  3. mysql帐号，权限管理

    -> use mysql; //选择数据库 -> select host,user,password from user; //查询已有用户 -> insert into user ...

  4. allure-pytest 测试报告分享给大家

    allure-pytest生成测试报告,经过实践得出如下经验,参考了很多大神的博客一并附上 1.安装allure-pytest pip install allure-pytest 2.执行命令生成js ...

  5. Koa Cookie 的使用

    Cookie 简介 cookie 是存储于访问者的计算机中的变量.可以让我们用同一个浏览器访问同一个域 名的时候共享数据. HTTP 是无状态协议.简单地说,当你浏览了一个页面,然后转到同一个网站的另 ...

  6. js中isNaN和Number.isNaN的区别

    isNaN 当我们向isNaN传递一个参数,它的本意是通过Number()方法尝试将这参数转换成Number类型,如果成功返回false,如果失败返回true. 所以isNaN只是判断传入的参数是否能 ...

  7. react项目如何运行

    react项目如何运行 一.总结 一句话总结: npm i 安装好package.json的 指定插件后,npm start 启动项目 二.react项目的安装与运行 转自或参考:react项目的安装 ...

  8. PhpStorm 头部注释、类注释和函数注释的设置（稍微完善点）

    首先,PhpStorm中文件.类.函数等注释的设置在:setting->Editor->FIle and Code Template->Includes下设置即可,其中方法的默认是这 ...

  9. Linux环境下查看历史操作命令及清除方法(history -c)

    在Linux环境中可以通过方向键的上下按键查看近期键入的命令.但这种方法只能一个一个的查看,其实系统提供了查看所有历史命令的方法. 在终端中输入以下命令查看所有命令: history [root@te ...

  10. git 只提交部分修改文件

    1.git status //查看修改文件状态 2.git add  //将想要提交的文件add到本地库 4.git status  //查看修改文件状态 3.git commit  //提交add到 ...