Javascript 模块化设计模式

Posted 2020-12-05 starwar

1.原始模式

function a(){...}

function b(){...}

2.对象模式

var moduler = new object({
_count:0,
m1:function（）{...}，
m2:function(){...}
});

这种写法会暴露模块化成员，内部状态可以被改变。

moduler._count =5;

3.模块化模式

var moduler = (function(){
var _count=0;

var m1 = function(){
...}


var m2 = function(){
...}

return {m1:m1,
　　　　　m2:m2
　　　　};

})();

 

var p3 = (function(){
var firstname = "a";
function changeFirstName(name){
this.firstname = name;
}

function getFirstName(){
return this.firstname;
}

return {
getFirstName:getFirstName,
changeFirstName:changeFirstName
}

})();

p3.changeFirstName("p3 first");
console.log(p3.getFirstName());
//console.log(p3.firstname()); //error , no access for p3.firstname