摘要：改進(jìn)方法方法一通過(guò)先執(zhí)行一次的原型重寫寫在創(chuàng)建對(duì)象之前輸出方法二提前先執(zhí)行一次初次運(yùn)行時(shí)，多調(diào)用一次輸出中的相當(dāng)于中的構(gòu)造函數(shù)，如果不寫默認(rèn)為空，定義在對(duì)象自身上面該方法定義在上輸出可以說(shuō)，用法就是中動(dòng)態(tài)原型模式。

js創(chuàng)建對(duì)象有很多方法，以下是常見方法整理。

function person (name, age, sex) {
    var O = new Object();
    O.name = name;
    O.age = age;
    O.sex = sex;
    O.sayName =function(){
        console.log(this.name);
    }
    return O;
}
var per = person("per",10,"male"); //不需要用new，因?yàn)橛衦eturn，就是個(gè)普通函數(shù)，很好理解
console.log(per instanceof person); //false

function Person (name, age, sex) {
    this.name = name;
    this.age = age;
    this.sex = sex;
    this.sayName =function(){
        console.log(this.name);
    }
}
var per =new Person("per",10,"male"); 
console.log(per instanceof Person); //true

分析創(chuàng)建過(guò)程，

 var per =new Person("per",10,"male"); 

在這行代碼執(zhí)行時(shí)，四個(gè)步驟：
①出現(xiàn)了一個(gè)空的對(duì)象
②this指向這個(gè)對(duì)象
③執(zhí)行構(gòu)造函數(shù)的代碼
④把這個(gè)對(duì)象取個(gè)名字是per，per的指針就指向這個(gè)對(duì)象，于是可以通過(guò)per操作這個(gè)對(duì)象

工廠模式定義出的對(duì)象，instanceof識(shí)別不出是"person類"。
構(gòu)造函數(shù)模式，每次new一個(gè)對(duì)象，里面的函數(shù)都會(huì)創(chuàng)建一次，就這個(gè)sayName函數(shù)，明明共有同一個(gè)就可以了。
解決這個(gè)問(wèn)題，出現(xiàn)了原型模式：

function Person () {
    Person.prototype.name = "p1";
    Person.prototype.age = 10;
    Person.prototype.sex = "female";
    Person.prototype.sayName =function(){
        console.log(this.name);
    }
}

那么，這些代碼干了什么呢？
①當(dāng)你創(chuàng)建Person()函數(shù)后，就會(huì)有一個(gè)prototype屬性隨之而來(lái)
我們可以看看，這個(gè)prototype是什么，執(zhí)行以下代碼：

 console.log(Person.prototype);

_proto_保存繼承自O(shè)bject的方法。里面只有一個(gè)constructor屬性指向Person()函數(shù)自身。
②當(dāng)然我們是要用這個(gè)函數(shù)的，執(zhí)行以下代碼：

var per1 =new Person();
var per2 =new Person();
console.log(Person.prototype);

在創(chuàng)建實(shí)際對(duì)象時(shí)候，就會(huì)運(yùn)行構(gòu)造函數(shù)中的代碼，而且per1、per2兩個(gè)對(duì)象，就會(huì)執(zhí)行兩次構(gòu)造函數(shù)的代碼，但并不會(huì)多創(chuàng)建一個(gè)Person的prototype屬性，只是重新賦值里面的name、age、sex和sayName變量。
③per1和per2有各自的prototype屬性，指向Person的prototype屬性。可以簡(jiǎn)單理解為per1、per2各自的"指針"指向同一個(gè)"對(duì)象"。

這個(gè)原型模式啊，就真的好像單例模式了，每個(gè)創(chuàng)建的對(duì)象都在操作同一個(gè)對(duì)象。

function Person (name, age, sex) {
    this.name = name;
    this.age = age;
    this.sex = sex;
    if(typeof this.sayName != "function"){  
        Person.prototype.sayName = function(){
            console.log(this.name);
        }
        Person.prototype.sayAge = function(){
            console.log(this.age);
        }
    }
}
var per = new Person("wlq", 19, "man");

這樣的代碼，使得每個(gè)對(duì)象的name、age、sex都是各自的（不共有），然后函數(shù)寫在原型上，就又是共享的，很不錯(cuò)。還有個(gè)地方，if語(yǔ)句的判斷，使得第二次創(chuàng)建對(duì)象時(shí)候，不會(huì)重新給Person.prototype.sayName和Person.prototype.sayAge重賦值。

function Person (name, age, sex) {
    this.name = name;
    this.age = age;
    this.sex = sex;
    if(typeof this.sayName != "function"){
        Person.prototype.sayName = function(){
            console.log(this.name);
        }
    }
}
function WPerson (name, age, sex) {
    this.name = name;
    this.age = age;
    this.sex = sex;
    if(typeof this.sayName != "function"){
        WPerson.prototype = {   //這里進(jìn)行了原型的重寫
            constructor: WPerson,
            sayName: function(){
                console.log(this.name);
            }
        }
    }
}
var per1 = new Person("w", 19, "man");
var per2 = new WPerson("q", 18, "man");
var per3 = new WPerson("q", 18, "man");
per1.sayName();  //輸出w
per2.sayName();  //報(bào)錯(cuò)，說(shuō)沒有sayName這個(gè)方法
per3.sayName();  //輸出q
console.log(per2.name);  //輸出q

重寫原型的發(fā)生是在創(chuàng)建對(duì)象之后的，per2指向的WPerson的原型上面只有name、age、sex，再創(chuàng)建完per2后，才執(zhí)行WPerson原型的重寫，per3甚至以后創(chuàng)建的WPerson類型對(duì)象就都會(huì)有sayName函數(shù)了。

方法一（通過(guò)先執(zhí)行一次WPerson的原型重寫）：

function WPerson (name, age, sex) {
    this.name = name;
    this.age = age;
    this.sex = sex;       
}
WPerson.prototype = {  //寫在創(chuàng)建對(duì)象之前
    constructor:WPerson,
    sayName: function(){
        console.log(this.name);
    }
}
var per = new WPerson("q", 18, "man");
per.sayName();  //輸出q

方法二（提前先執(zhí)行一次new）：

   function WPerson (name, age, sex) {
        this.name = name;
        this.age = age;
        this.sex = sex;  
        if(typeof this.sayName != "function"){
            WPerson.prototype = {  
                constructor:WPerson,
                sayName: function(){
                    console.log(this.name);
                }
            };
            return new WPerson(name,age,sex);  //初次運(yùn)行時(shí)，多調(diào)用一次new
           }
    }     
    var per = new WPerson("q", 18, "man");
    per.sayName();  //輸出q
   

class Point{
  constructor(x, y) {    //相當(dāng)于java中的構(gòu)造函數(shù)，如果不寫默認(rèn)為空
    this.x = x;          //x，y定義在對(duì)象自身上面
    this.y = y;
  }
  add() {                //該方法定義在Point.prototype上
    console.log(this.x + this.y);
  }
}
var p = new Point(2, 3);
p.add();  //輸出5

可以說(shuō)，class用法就是ES5中動(dòng)態(tài)原型模式。