javascript原型模式用法實例詳解

 　　本文實例講述了javascript原型模式用法。分享給大家供大家參考。具體分析如下：

　　一般在了解了工廠模式和構造函數模式的弊端之後,就知道為什麼需要原型模式了

　　原型模式i的定義:每個函數都有一個prototype(原型)屬性，這個屬性是一個對象，它的用途是包含可以由特定類型的所有實例共享的屬性和方法。比如在構造函數模型中sayInformation()方法，如果聲明兩個實例就要構造兩次sayInformation方法，但是聲明兩次是沒有必要的，這就是為什麼有原型模式的出現(尼瑪，網上那些博客上面都是扯談的東西，還是看書講的容易理解),sayInformation()聲明為原型模式之後，實例就共享了,就沒有必要聲明兩次了

　　?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 function Person(){} Person.prototype.name="jack"; Person.prototype.age=10; Person.prototype.sayInformation=function() { console.log("my name is"+this.name+" age is"+this.age); } var person1 = new Person(); person1.sayInformation(); console.info(person1.name); //來自原型的屬性name person1.name="Greg"; //修改實例的name屬性 console.info(person1.name); //來自實例的屬性name delete person1.name ; //來自實例的屬性,這裡刪除的是實例的屬性，但是原型的屬性依然存在 console.info(person1.name); //來自原型的屬性name var person2 = new Person(); person2.sayInformation(); console.info(person1.hasOwnProperty("name")); //hasOwnProperty檢查屬性是屬於實例還是原型中,如果是實例中就返回true console.info(person1.name==person2.name); console.info(person1.sayInformation==person2.sayInformation); console.info(person1.constructor); //指向person1的構造函數 //原型更加簡便的寫法 function Person2(){} Person2.prototype={ name:"jack", age:29, sayInformationfunction:function() { console.log("my name is"+this.name+" age is"+this.age); } }

　　希望本文所述對大家的javascript程序設計有所幫助。