两个JS之间的函数互相调用

这个问题是我在工作中用到的一个方法 因为要做封装
所以想到能不能在一个js中引用另一个js中的function
这样的话能大大的减少代码量

话不多说 先上代码

首先要在html页面引入两个js文件
这里写图片描述
1.html

 
  1.  

1.js
这里写图片描述

 
  1. function a(){

  2. alert(1);

  3. }

2.js
这里写图片描述

a();
  •  

这样2.js就可以直接调用1.js中的a函数了
当然这样只是很简单的方法 下面写一个闭包中的方法(当然也很简单啦~~)
1.html

 
  1.  

1.js
这里写图片描述

 
  1. var dianji;

  2. (function(){

  3. dianji = {

  4. a:function(){

  5. alert(1);

  6. }

  7. }

  8. })()

这里的1.js是一个对象函数而且还是闭包的形式,所以我们要把dianji这个变量提升到全局。这样在2.js中才能调用这个a函数 不然回报变量未定义的错误。

想要js之间互相调用function,那么函数就必须是全局的

2.js
这里写图片描述

dianji.a();

--------------------- 本文来自 老虎的博客 的CSDN 博客 ,全文地址请点击:https://blog.csdn.net/qq493820798/article/details/81216090?utm_source=copy

你可能感兴趣的:(精选)