这个问题是我在工作中用到的一个方法 因为要做封装
所以想到能不能在一个js中引用另一个js中的function
这样的话能大大的减少代码量
话不多说 先上代码
首先要在html页面引入两个js文件
1.html
-
<!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>
1.js
-
function a(){
-
alert(1);
-
}
2.js
a();
这样2.js就可以直接调用1.js中的a函数了
当然这样只是很简单的方法 下面写一个闭包中的方法(当然也很简单啦~~)
1.html
-
<!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>
1.js
-
var dianji;
-
(function(){
-
dianji = {
-
a:function(){
-
alert(1);
-
}
-
}
-
})()
这里的1.js是一个对象函数而且还是闭包的形式,所以我们要把dianji这个变量提升到全局。这样在2.js中才能调用这个a函数 不然回报变量未定义的错误。
想要js之间互相调用function,那么函数就必须是全局的
2.js
dianji.a();
--------------------- 本文来自 老虎的博客 的CSDN 博客 ,全文地址请点击:https://blog.csdn.net/qq493820798/article/details/81216090?utm_source=copy