使用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.jsLC.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命名空间进行模块式开发相关推荐

vue2项目复习01-关闭elint检校，src文件别名，路由传参的对象写法，代理解决跨域问题，nprogress，vuex状态管理库，store的模块式开发，节流与防抖，编程式导航+事件委托路由跳转
1.关闭elint语法校验创建vue.config.js //关闭elint语法校验 {lintOnSave:false; } 2.src文件夹配置别名 jsconfig.json配置别名 @代表s ...
maven 聚合工程用spring boot 搭建 spring cloud 微服务模块式开发项目
项目的简单介绍: 项目采用maven聚合工程用spring boot 搭建 spring cloud的微服务模块式开发项目的截图: 搭建开始: 能上图我少打字 1.首先搭建maven的聚合工程 ...
模块式开发 java_Java9系列第8篇-Module模块化编程
我计划在后续的一段时间内,写一系列关于java 9的文章,虽然java 9 不像Java 8或者Java 11那样的核心java版本,但是还是有很多的特性值得关注.期待您能关注我,我将把java 9 ...
再谈 JS中的模块规范（CommonJS，AMD，CMD）来自玉伯的seajs分析
随着互联网的飞速发展,前端开发越来越复杂.本文将从实际项目中遇到的问题出发,讲述模块化能解决哪些问题,以及如何使用 Sea.js 进行前端的模块化开发. 恼人的命名冲突我们从一个简单的习惯出发.我做 ...
.net 插件式开发学习总结
.NET简谈插件系统开发模式今天跟大家分享一下我们在日常开发中并不常用的开发模式"插件系统模式",什么叫插件从大一点的概念讲就是我们开发的软件是由很小的模块组成,每一块都能成功的 ...
从零开始实现ASP.NET Core MVC的插件式开发(二) - 如何创建项目模板
标题:从零开始实现ASP.NET Core MVC的插件式开发(二) - 如何创建项目模板作者:Lamond Lu 地址:https://www.cnblogs.com/lwqlun/p/11155 ...
MEF 插件式开发 - DotNetCore 初体验
背景叙述在传统的基于 .Net Framework 框架下进行的 MEF 开发,大多是使用 MEF 1,对应的命名空间是 System.ComponentModel.Composition.在 Do ...
Node.js web应用模块之forever
javascript 一统江湖的势头越来越猛,越来越重的前端,不得不实施前后端分离,angular.js 成功把前端javascript抽象成了一个复杂的MVC框架,注意,它是一个框架,可不是普普通通 ...
springboot 使用webflux响应式开发教程（二）
本篇是对springboot 使用webflux响应式开发教程(一)的进一步学习. 分三个部分: 数据库操作 webservice websocket 创建项目,artifactId = tradin ...

使用js命名空间进行模块式开发

使用js命名空间进行模块式开发相关推荐

最新文章

热门文章