设计模式之原型模式

原型模式

原型模式(prototype)是指原型实例指向对象的种类,并且通过拷贝这些原型创建新的对象

模式作用:

  1. 原型对象本身就是有效地利用了每个构造器创建的对象

注意事项:

  1. 注意的依然是浅拷贝和深拷贝的问题,免得出现引用问题
  2. 现有的文献里查看原型模式的定义,没有针对JavaScript的,你可能发现很多讲解的都是关于类的,但是现实情况是基于原型继承的JavaScript完全避免了类(class)的概念

例子:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
//原型
var myobj={
str:"mystring",
num:1,
myarr:[30,{
arrgo:"i am arr"
}],
obj:{
innerobj:{
test:25
},
innerstr:"myobjInnerstr"
}
}

浅拷贝

1
2
3
4
5
6
7
8
9
10
11
12
13
function clone(obj){
var ret={};
for(k in obj){
ret[k]=obj[k];
}
return ret;
}
var result=clone(myobj);
result.obj.innerstr="outter";
console.log(result);
console.log(myobj)
//此时会发现修改了result也会导致myobj受到影响

深拷贝

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function clone(obj){
var ret,k,b;
if((b=(obj instanceof Array))||obj instanceof Object){
ret=b?[]:{};
for(k in obj){
if((obj[k] instanceof Array||obj[k] instanceof Object)){
ret[k]=clone(obj[k]);
}else{
ret[k]=obj[k];
}
}
}
return ret;
}
var result=clone(myobj);
result.obj.innerstr="outter";
console.log(result);
console.log(myobj)