使用js命名空间进行模块式开发
生活随笔
收集整理的這篇文章主要介紹了
使用js命名空间进行模块式开发
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
? ? ? 在java中,為了防止命名沖突和模塊式開發,會有個一個import 關鍵字來進行導包。
在js中為了達到同樣的效果,我們也通過給其自定義一個“包”的概念。
直接上代碼:
首先有個LC.js文件:
//LC.js
var LC = LC || {};LC.namespace = function(namespace) {var nsparts = namespace.split(".");var parent = window;if (nsparts[0] === "LC") {nsparts = nsparts.slice(1);parent = LC;}for (var i = 0; i < nsparts.length; i++) {var partname = nsparts[i];if (typeof parent[partname] === "undefined") {parent[partname] = {};}parent = parent[partname];}return parent; };// alias namespace LC.ns = LC.namespace;
?? 設計思路:將命名空間,即”包“名通過參數傳遞到此方法中,然后將這個”包名“通過字符串解析,將其注冊到window對象中,來充當window對象的屬性,
通過一種類似遞歸的方式,來處理子包。
使用的方法:
//Test.js
LC.ns("app.admin").test = (function() {function init() {alert("init")}function doSomething() {alert("doSomething");}return {init : init,doSomething : doSomething
}; })();
? ? ? ?在頁面調用Test.js 即需要引入這兩個文件,調用某個方法:
<script >app.admin.test.init();app.admin.test.doSomething();</script>? 這樣就通過這種命名空間的方式來減少js方法命名的重復了。
轉載于:https://www.cnblogs.com/lic309/p/4136292.html
總結
以上是生活随笔為你收集整理的使用js命名空间进行模块式开发的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 如何生成项目的chm文档
- 下一篇: wordpress备份方法比较