码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript--Module模式

时间:2017-08-05 17:54:11      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:文件   并且   copy   调用   .com   赋值   避免   mod   cti   

//module: Module模式是JavaScript编程中一个非常通用的模式
window.onload = function() {
//1、基本使用:
var MyFn = function() {
var age = 24,sex = "boy";//私有变量
var action = function() {//私有行为
console.log("it man");
};
return {//暴露的公开成员
work : "orderMonkey",
action2 : function() {
console.log("it developer!");
}
}
};
var newMyFn = new MyFn();
console.log(newMyFn.action2());
console.log("===============================");
//基本用法的缺点:每次使用时都要使用new 关键字生成,这样在内存中每次会copy一份,占用内存,使用闭包可以避免内存问题,实现自执行。也可以实现功能的扩展。

//2、模块方法:
var MyFn2 = (function() {
var my = {};//向外返回的对象
var age = 25,name = "assassin";
var action = function() {
console.log("内部私有成员");
};
my.EnglishName = "wanghf";
my.action2 = function() {
console.log("major in JavaScript!");
};//公有代码状态
return my;
/*return my = {//向外返回的对象
work : "It developer",
action2 : function() {
console.log("外部成员变量");
}
}*/
})();
console.log(MyFn2.action2());//调用时避免生成,减小内存占有量
console.log("===============================");
//模块方法全局变量的引入和jQuery设计思路一样采用全局传参
var MyFn3 = (function($) {
//同上
})(jQuery);
//3、模块的扩展:
//对于大型项目测需要对自己的扩展了,基于上述的思想,同样把自己作为参数传值,进行扩展
var MyFn2 = (function(my) {//var不是必写,为了统一。
my.addName = "intelwisd";
my.addAction3 = function() {
console.log("扩展的新方法...");
};
/*var my1 = {
addName : "intelwisd",
addAction3 : function() {
console.log("外部成员变量");
}
};*/ //对象的形式有对象的拷贝之前的会覆盖以前的
return my;
})(MyFn2);
console.log(MyFn2.action2());
console.log("===============================");
//4、松耦合扩展和紧耦合扩展
//松耦合扩展 利用 var MyFn2 = MyFn2 || {};
var MyFn2 = (function(my) {
my.addName1 = "intelwisd1";
my.addAction4 = function() {
console.log("松耦合扩展的新方法...");
};
/*var my = {
addName: "intelwisd111",
addAction3: function () {
console.log("外部成员变量");
}
};*/
return my;
})(MyFn2 || {});
console.log(MyFn2.EnglishName);
console.log(MyFn2.addName1);
console.log(MyFn2.action2());
console.log(MyFn2.addAction4());
//松耦合的优点:确保该对象,在存在的时候直接用,不存在的时候直接赋值为{}
console.log("===============================");
//紧耦合扩展 可以实现重载的功能,但要确保加载顺序
var MyFn2 = (function(my) {
var addAction4 = my.newAddAction4;
my.newAddAction4 = function() {//重载函数,以前的函数可以继续使用
console.log("紧耦合扩展....");
};
return my;
})(MyFn2);
console.log(MyFn2.addAction4());
console.log(MyFn2.newAddAction4());
console.log("===============================");
//5、克隆与继承 (在紧耦合的基础上进行继承,其实该对象的属性对象或function根本没有被复制,只是对同一个对象多了一种引用而已,所以如果老对象去改变它,那克隆以后的对象所拥有的属性或function函数也会被改变。)
var MyFn2 = (function(my) {
var my1 = {}, key;
for (key in my) {
if (my.hasOwnProperty(key)) {
my1[key] = my[key];
}
}
var addAction4 = my1.newAddAction4;
my1.newAddAction4 = function() {//重载函数,以前的函数可以继续使用
console.log("紧耦合扩展2....");
// 克隆以后,进行了重写,当然也可以继续调用以前的
};
return my1;
})(MyFn2);
console.log(MyFn2.addAction4());
console.log(MyFn2.newAddAction4());
console.log("===============================");
//6、跨文件中的私有成员的共享
var MyFn3 = (function (my) {
var _private = my._private = my._private || {},
_seal = my._seal = my._seal || function () {
delete my._private;
delete my._seal;
delete my._unseal;
},
_unseal = my._unseal = my._unseal || function () {
my._private = _private;
my._seal = _seal;
my._unseal = _unseal;
};
return my;
} (MyFn2 || {}));
//任何文件都可以对他们的局部变量_private设属性,并且设置对其他的文件也立即生效。一旦这个模块加载结束,应用会调用 blogModule._seal()"上锁",这会阻止外部接入内部的_private。如果这个模块需要再次增生,应用的生命周期内,任何文件都可以调用_unseal() ”开锁”,然后再加载新文件。加载后再次调用 _seal()”上锁”。
//子模块共有的成员创建
MyFn2.CommentSubModule = (function () {
var my = {};
// ...

return my;
} ());
//eg:
MyFn3.CommentSubModule = (function () {
var my = {
name : "assassin",
Fn1 : function() {
alert(0);
}
};
// ...

return my;
} ());
}

学习来源Tom大叔javascript--Module

JavaScript--Module模式

标签:文件   并且   copy   调用   .com   赋值   避免   mod   cti   

原文地址:http://www.cnblogs.com/intelwisd/p/7290619.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!