JavaScript设计模式之原型模式(Object.create与prototype)介绍

原型模式说明

说明：使用原型实例来 拷贝 创建新的可定制的对象；新建的对象，不需要知道原对象创建的具体过程；

过程：Prototype => new ProtoExam => clone to new Object;

使用相关代码:

代码如下:
function Prototype() {
    this.name = '';
    this.age = '';
    this.sex = '';
}

Prototype.prototype.userInfo = function() {
    return '个人信息, 姓名: '+this.name+', 年龄: '+this.age+', 性别:'+this.sex+'<br />';
}

现在需要两个或以上的个人信息内容:

代码如下:
var proto = new Prototype();
var person1 = Object.create(proto);
person1.name = '小明';
person1.sex = '男';
person1.age = 35;
person1.userInfo();
//
var person2 = Object.create(proto);
person2.name = '小华';
person2.sex = '女';
person2.age = 33;
person2.userInfo();

输出返回:

代码如下:
个人信息, 姓名: 小明, 年龄: 35, 性别: 男
个人信息, 姓名: 小华, 年龄: 33, 性别: 女

原型模式，一般用于 抽象结构复杂，但内容组成差不多，抽象内容可定制，新创建只需在原创建对象上稍微修改即可达到需求的情况；

Object.create 使用说明

1>. 定义: 创建一个可指定原型对象的并可以包含可选自定义属性的对象；
2> Object.create(proto [, properties]);  可选，用于配置新对象的属性;

代码如下:
1. proto: 要创建新对象的 原型，必须，可为 null; 这个 proto 要是已经创建的[new过]，或 对象.prototype 才有价值;
2. properties: 可选，结构为:
{
     propField: {
           value: 'val'|{}|function(){},
           writable: true|false,
           enumerable: true|false,
           configurable: true|false,
           get:function(){return 10},
           set:function(value){}
     }
}
自定的属性有以下的四种本置属性：
value: 自定义属性值;
writable: 该项值是否可编辑，默认为 false, 当为 true 时，obj.prodField 可赋值；否则只读;
enumerable: 可枚举;
confirurable: 可配置;

还可以包含 set, get 访问器方法；

其中，[set, get] 与 value 和 writable 不能同时出现；

1. 创建原型对象类:
代码如下:
function ProtoClass(){