javascript原型是什么_javascript常用框架介紹 - javascript原型是什么_javascript常用框架介紹

　　屬性隱藏

　　當(dāng)通過(guò)原型鏈查找一個(gè)屬性的時(shí)候，首先查找的是對(duì)象本身的屬性，如果找不到才會(huì)繼續(xù)按照原型鏈進(jìn)行查找。

　　這樣一來(lái)，如果想要覆蓋原型鏈上的一些屬性，我們就可以直接在對(duì)象中引入這些屬性，達(dá)到屬性隱藏的效果。

　　看一個(gè)簡(jiǎn)單的例子：

　　function Person（name， age）{

　　this.name = name;

　　this.age = age;

　　}

　　Person.prototype.getInfo = function（）{

　　console.log（this.name + “ is ” + this.age + “ years old”）;

　　};

　　var will = new Person（“Will”， 28）;

　　will.getInfo = function（）{

　　console.log（“getInfo method from will instead of prototype”）;

　　};

　　will.getInfo（）;

　　// getInfo method from will instead of prototype

　　對(duì)象創(chuàng)建方式影響原型鏈

　　會(huì)到本文開(kāi)始的例子，will對(duì)象通過(guò)Person構(gòu)造函數(shù)創(chuàng)建，所以will的原型（will.__proto__）就是“Person.prototype”。

　　同樣，我們可以通過(guò)下面的方式創(chuàng)建一個(gè)對(duì)象：

　　var July = {

　　name： “July”，

　　age： 28，

　　getInfo： function（）{

　　console.log（this.name + “ is ” + this.age + “ years old”）;

　　}，

　　}

　　console.log（July.getInfo（））;

　　當(dāng)使用這種方式創(chuàng)建一個(gè)對(duì)象的時(shí)候，原型鏈就變成下圖了，July對(duì)象的原型是“Object.prototype”也就是說(shuō)對(duì)象的構(gòu)建方式會(huì)影響原型鏈的形式。

　　hasOwnProperty

　　“hasOwnProperty”是“Object.prototype”的一個(gè)方法，該方法能判斷一個(gè)對(duì)象是否包含自定義屬性而不是原型鏈上的屬性，因?yàn)椤癶asOwnProperty” 是 JavaScript 中唯一一個(gè)處理屬性但是不查找原型鏈的函數(shù)。

　　相信你還記得文章最開(kāi)始的例子中，通過(guò)will我們可以訪(fǎng)問(wèn)“constructor”這個(gè)屬性，并得到will的構(gòu)造函數(shù)Person。這里結(jié)合“hasOwnProperty”這個(gè)函數(shù)就可以看到，will對(duì)象并沒(méi)有“constructor”這個(gè)屬性。

　　從下面的輸出可以看到，“constructor”是will的原型（will.__proto__）的屬性，但是通過(guò)原型鏈的查找，will對(duì)象可以發(fā)現(xiàn)并使用“constructor”屬性。

　　“hasOwnProperty”還有一個(gè)重要的使用場(chǎng)景，就是用來(lái)遍歷對(duì)象的屬性。

　　function Person（name， age）{

　　this.name = name;

　　this.age = age;

　　}

　　Person.prototype.getInfo = function（）{

　　console.log（this.name + “ is ” + this.age + “ years old”）;

　　};

　　var will = new Person（“Will”， 28）;

　　for（var attr in will）{

　　console.log（attr）;

　　}

　　// name

　　// age

　　// getInfo

　　for（var attr in will）{

　　if（will.hasOwnProperty（attr））{

　　console.log（attr）;

　　}

　　}

　　// name

　　// age