這個問題是我在工作中用到的一個方法 因為要做封裝
是以想到能不能在一個js中引用另一個js中的function
這樣的話能大大的減少代碼量
話不多說 先上代碼
首先要在html頁面引入兩個js檔案
1.html
-
<!DOCTYPE html>
-
<html >
-
<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 >
-
<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