工场形式

用函数来封装，以特定接口建立对象的细节。

1.建立对象

function createPerson(name, age, job){
    var o = new Object();
    o.name = name;
    o.age = age;
    o.job = job;
    o.showName = function(){
        console.log(this.name);
    }
    return o;
}

var p1 = createPerson("Mike", 20, "student");
var p2 = createPerson("Tom", 23, "student");

// 返回都是object 没法辨认对象的范例 不晓得他们是哪一个对象的实列
console.log(typeof p1);  // object
console.log(typeof p2);  // object
console.log(p1 instanceof Object); // true

输出如图：

函数能够依据吸收的参数来构建一个包括一切信息的Person对象。

能够无数次地挪用createPerson()这个函数，每次它都邑返回一个包括三个属性、一个要领的对象。

工场形式是为了处理多个类似对象声明的题目;也就是为了处理实列化对象发生反复的题目。

• 长处：能处理多个类似的题目。

• 瑕玷：不能晓得对象辨认的题目(对象的范例不晓得)。

庞杂的工场形式定义是：将其成员对象的实列化推晚到子类中，子类能够重写父类接口要领以便建立的时刻指定本身的对象范例。

2.视察实例对象的组成

// 视察p1对象的组成
console.log(p1);
console.log("-----分割线-----");
// 视察p1对象的组成
console.log(p2);
console.log("-----分割线-----");


// 修正p1对象的属性，并不会影响到p2对象的属性，由于他们是函数createPerson()两个自力的实例对象
p1.age = 21;
console.log(p1.age);    //21
console.log(p2.age);    //23
console.log("p1 === p2:");
console.log(p1 === p2);

输出如图：

3.视察person对象涉及到的原型链

// 对象是没有prototype属性的
console.log("p1.prototype=");
console.log(p1.prototype);
console.log("-----分割线-----");

// p1对象本质上是o对象，即由Object组织函数天生，所以其__proto__属性指向Object.prototype
console.log("p1.__proto__=");
console.log(p1.__proto__);
console.log("-----分割线-----");

// 考证
console.log("p1.__proto__ === Object.prototype:");
console.log(p1.__proto__ === Object.prototype);
console.log("-----分割线-----");

console.log("p1.__proto__ === p2.__proto__:");
console.log(p1.__proto__ === p2.__proto__);
console.log("-----分割线-----");

输出如图：

4.视察下p1.showName属性援用的函数

console.log("p1.showName.prototype=");
console.log(p1.showName.prototype);
console.log("-----分割线-----");

console.log("p1.showName.prototype.constructor=");
console.log(p1.showName.prototype.constructor);
console.log("-----分割线-----");

console.log("p1.showName.prototype.__proto__=");
console.log(p1.showName.prototype.__proto__);
console.log(p1.showName.prototype.__proto__ === Object.prototype);
console.log("-----分割线-----");

console.log("p1.showName.__proto__=");
console.log(p1.showName.__proto__);
console.log(p1.showName.__proto__ === Function.prototype);
console.log("-----分割线-----");

输出如图：

原型链图