javascript動態(tài)加載實(shí)現(xiàn)方法一

2024-05-06 14:21:22

字體：大中小

供稿：網(wǎng)友

現(xiàn)在也有很多JS動態(tài)加載的框架，比如In.js。但是這種并不是我想要的編寫方式，我來說說我的想法。

先來一段java代碼
代碼如下:
import Biz.User;
User u = new User();
u.show();

按流程就是導(dǎo)包、實(shí)例化、調(diào)用。

JS是做不了導(dǎo)包的，或者說代碼意義上的導(dǎo)包，一般只是在頁面上進(jìn)行script標(biāo)簽的引入。
那么先假設(shè)需要寫成這樣
代碼如下:
Using("User");
var u = new User();
u.show();

那么，在JS里面可以實(shí)現(xiàn)嗎？

來一句一句的分析，當(dāng)然，前提是頁面并不用script標(biāo)簽載入user.js,不然就沒意義了。

第一句

Using("User");

為什么用Using，當(dāng)然只是我的一個命名想法而已，可以聯(lián)想一下C#，用的就是using，借來而已。

Using里面寫入的當(dāng)然是我需要的對象User，顧名思義，我當(dāng)然寫成Using("User")了。先不說內(nèi)里是怎么實(shí)現(xiàn)的，起碼思路是這樣。
因?yàn)椴荒苣M關(guān)鍵字寫成 Using User;這種起碼我是做不到了。
第二句和第三句
代碼如下:
var u = new User();
u.show();

很正常，就是很平常的實(shí)例化與函數(shù)調(diào)用，唯一不解的是User對象哪里來的？那么當(dāng)然是第一句導(dǎo)包的時候?qū)氲摹?

流程就是這么個流程，那么到底能不能實(shí)現(xiàn)，關(guān)鍵就在第一句話。也就是說，到底能不能導(dǎo)包成功，而且該怎么導(dǎo)包。

從script標(biāo)簽吸引靈感，對，異步加載所需要的js文件。
也就是說
代碼如下:
Using("User");

相當(dāng)于寫了一句
代碼如下:<script type="text/javascript" src="user.js"></script>

現(xiàn)在這么看下來，這么做有意義嗎？就為把script標(biāo)簽寫成JS動態(tài)引入的？或者，只為少寫幾個字符？

當(dāng)然不能，這么做毫無意義!那要怎么做？
先從效率來講。
如果一個頁面需要載入N多js文件的時候，如下
代碼如下:
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="view.js"></script>
<script type="text/javascript" src="register.js"></script>
<script type="text/javascript" src="validate.js"></script>
<script type="text/javascript" src="user.js"></script>
<script type="text/javascript" src="order.js"></script>
<script type="text/javascript" src="type.js"></script>

等等等等。

是不是很嚇人，那是相當(dāng)嚇人，而且后期維護(hù)需要很高的成本，有多少頁面，可能就需要修改幾個頁面。那么，當(dāng)頁面只引入關(guān)鍵的幾個js文件，其他文件都采用動態(tài)載入的方式呢？
比如我們只需要載入jquery文件，然后調(diào)用
代碼如下:
$.getScript("user.js",function(){});

這樣，我們就做到頁面文件里面只需要引入

上一篇：JavaScript高級程序設(shè)計(jì)閱讀筆記（十六） javascript檢測瀏覽器和操

下一篇：IFrame跨域高度自適應(yīng)實(shí)現(xiàn)代碼