两个js文件之间的函数调用
程序员文章站
2022-03-17 12:16:38
...
这个问题是今天在工作中遇到的，需要在每个页面都是用这个函数，需要做函数的封装，在进行单独的调用，所以想到能不能在一个js中引用另一个js中的function
这样的话能大大的减少代码量
需要用到的两个文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> </title>
</head>
<script src="1.js"></script>
<script src="2.js"></script>
<body>
</body>
</html>这个是a.js当中的内容
function a(){
alert(1);
}这个是在b.js中调用a.js中的函数方法
a();这样2.js就可以直接调用1.js中的a函数了
当然这样只是很简单的方法 下面写一个闭包中的方法(当然也很简单啦~~)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> </title>
</head>
<script src="1.js"></script>
<script src="2.js"></script>
<body>
</body>
</html>a.js中的函数
var aaa=new(function(){
this.bbb= {
a:function(){
alert(1);
}
}
})()这里的a.js是一个对象函数而且还是闭包的形式，所以我们要把aaa这个变量提升到全局。这样在b.js中才能调用这个a函数 不然回报变量未定义的错误。
想要js之间互相调用function，那么函数就必须是全局的
在b.js中进行调用a.js中的代码
aaa.bbb（）这样就完成了两个js文件之间函数的调用。
上一篇： 微信小程序开发需要了解的三个内核技术
下一篇： 数据分析怎么更直观？十分钟构建数据看板