javascript
JavaScript之面向对象学习六原型模式创建对象的问题,组合使用构造函数模式和原型模式创建对象...
一、仔細(xì)分析前面的原型模式創(chuàng)建對(duì)象的方法,發(fā)現(xiàn)原型模式創(chuàng)建對(duì)象,也存在一些問題，如下：
1、它省略了為構(gòu)造函數(shù)傳遞初始化參數(shù)這個(gè)環(huán)節(jié),結(jié)果所有實(shí)例在默認(rèn)的情況下都將取得相同的屬性值，這還不是最大的問題！
2、最大的問題是原型中的所有屬性是被很多實(shí)例所共享的,這種共享對(duì)于函數(shù)非常合適，對(duì)于那些包含基本值的屬性也說得過去,因?yàn)槲覀冎揽梢栽趯?shí)例上添加一個(gè)同名屬性，可以隱藏原型中的對(duì)應(yīng)屬性。但是對(duì)于包含應(yīng)用類型值的屬性來說,問題就非常嚴(yán)重了，代碼如下:
function Person(){ } Person.prototype={constructor:Person,name:"張三",age:22,job:"coder",friends:["李四","王五"],sayName:function(){alert(this.name);} } var person1=new Person(); var person2=new Person();person1.friends.push("趙六");alert(person1.friends); //輸出：李四,王五,趙六alert(person2.friends);//輸出：李四,王五,趙六分析上面的代碼,當(dāng)我們?yōu)閜erson1添加一個(gè)朋友的時(shí)候,發(fā)現(xiàn)person2同時(shí)也被添加了一個(gè)朋友,但這并不是我們想要的，而這正是因?yàn)樵湍Ｊ降墓蚕淼谋拘运鶎?dǎo)致的,只要任何一個(gè)實(shí)例修改了原型屬性對(duì)象中的屬性值,所有與該原型對(duì)象關(guān)聯(lián)的實(shí)例都會(huì)受到影響!
?
二、組合使用構(gòu)造函數(shù)模式和原型模式
為了解決原型模式不能初始化參數(shù)和共享對(duì)于引用模式所存在的問題！這里我們可以采用構(gòu)造函數(shù)模式和原型模式的結(jié)合模式來創(chuàng)建自定義類型,構(gòu)造函數(shù)用于與解決初始化參數(shù)(實(shí)例屬性的定義),原型模式用于共享? 方法和constructor。
這種構(gòu)造函數(shù)與原型組合的模式創(chuàng)建自定義類型,是ECMAScript中使用最廣泛、認(rèn)同度最高的一種創(chuàng)建自定義類型的方法。可以說，這是用來定義引用類型的一種默認(rèn)模式。
代碼如下:
?
function Person(name,age,job){this.name=name;this.age=age;this.job=job;this.friends=["小超","大超"];}Person.prototype={constructor:Person,sayName:function(){alert(this.name);}}var person1=new Person("張三",22,"coder");var person2=new Person("李四",22,"coder");person1.friends.push("Stephen Curry","Kevin Durant");alert(person1.friends); //輸出:小超,大超,Stephen Curry,Kevin Durantalert(person2.friends);//輸出:小超,大超?
通過上面的輸出我們發(fā)現(xiàn)組合使用構(gòu)造函數(shù)模式和原型模式創(chuàng)建的自定義類型及解決了
1、構(gòu)造函數(shù):構(gòu)造函數(shù)創(chuàng)建類型相同的函數(shù)，確是不同的作用域鏈和標(biāo)識(shí)符解析(因?yàn)樵贘S中每創(chuàng)建一個(gè)函數(shù)就是一個(gè)對(duì)象,所以? (導(dǎo)致了構(gòu)造函數(shù)中的方法)? 在不同的實(shí)例中都需要重新創(chuàng)建一遍，但是這些方法做的確實(shí)同一件事情)；
2、原型模式:其不能初始化參數(shù),以及它的共享性對(duì)與一些引用類型所造成的影響(比如數(shù)組)；
?
轉(zhuǎn)載于:https://www.cnblogs.com/GreenLeaves/p/5847653.html
總結(jié)
以上是生活随笔為你收集整理的JavaScript之面向对象学习六原型模式创建对象的问题,组合使用构造函数模式和原型模式创建对象...的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
