亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

javascript中對(duì)象的定義、使用以及對(duì)象和原型鏈操作小結(jié)

原創(chuàng) 2016-12-26 13:15:47 272
摘要:本文實(shí)例總結(jié)了javascript中對(duì)象的定義、使用以及對(duì)象和原型鏈操作。分享給大家供大家參考,具體如下:1. 除了5種基本類(lèi)型外,JS中剩下的就是對(duì)象(1)對(duì)象的定義:直接定義:var test={x:1,y:1}   new方式創(chuàng)建:var test=new Object({x:1})   Object.create方式:var test=Object.

本文實(shí)例總結(jié)了javascript中對(duì)象的定義、使用以及對(duì)象和原型鏈操作。分享給大家供大家參考,具體如下:

1. 除了5種基本類(lèi)型外,JS中剩下的就是對(duì)象

(1)對(duì)象的定義:

直接定義:

var test={x:1,y:1}

   

new方式創(chuàng)建:

var test=new Object({x:1})

   

Object.create方式:

var test=Object.create({x:1})

   

(2)對(duì)象上的賦值與取值

舉例:

var test={

x:1,

y:2

}

   

方法一:可以通過(guò)test['x']取值

方法二:可以通過(guò)test.x取值

本質(zhì),將[]里面的值toString之后取到,比如我們這里有賦值語(yǔ)句比如:

test[{}]=3;

   

可以通過(guò)test[{z:1}]取到值3,若為5大基本類(lèi)型,則要通過(guò)相同值取。

簡(jiǎn)而言之,就是test內(nèi)部的值會(huì)調(diào)用toString方法后存儲(chǔ)。

2.對(duì)象與原型鏈

(1)這里涉及到了JS中的繼承,JS的對(duì)象中除了null,其他都繼承于原型對(duì)象object.prototype,也就是說(shuō)JS的大部分對(duì)象的原型鏈上的頂端都具有對(duì)象object.prototype.

JS是基于原型鏈集成的,并且對(duì)象上可以訪問(wèn)到原型鏈上對(duì)象的屬性和方法。

舉例:

function test(){
 this.x=x;
 this.y=y
}
var my=new test();
test.prototype.z=3;
alert(my.z); //輸出為3

   

test.prototype為my的直接父鏈原型,并且my也可以沿著原型鏈查找,直到object.prototype,因此可以實(shí)現(xiàn)object.prototype中的方法,比如

my.toString();//返回[object Object]

   

(2)原型鏈對(duì)于對(duì)象遍歷的影響

我們上述定義了一個(gè)對(duì)象my,如果對(duì)對(duì)象使用for in遍歷,那么會(huì)有

function test(){
  this.x=1;
  this.y=2;
}
var my=new test();
test.prototype.z=3;
console.log(my.__proto__);//會(huì)輸出test.prototype
for( p in my)
{
 console.log(my[p])//會(huì)輸出1,2,3
}

   

我們發(fā)現(xiàn)最后輸出了my[p]的值為1,2,3,發(fā)現(xiàn)遍歷my上的屬性時(shí)候,把my對(duì)象原型鏈上的屬性也遍歷出來(lái)了。

補(bǔ)充:并且這種遍歷是無(wú)序的。

(3)特殊賦值

針對(duì)上述例子,如果我們對(duì)my對(duì)象進(jìn)行賦值,

my.z=4;

alert(my.z);//這里得到的值為4

   

我們發(fā)現(xiàn),如果對(duì)象上的屬性和對(duì)象原型上的對(duì)象沖突,優(yōu)先對(duì)于對(duì)象上屬性進(jìn)行賦值。

(4)在對(duì)象的原型鏈上,所有對(duì)象都繼承與object.prototype,除了null,我們可以用以下鏈?zhǔn)絹?lái)反應(yīng):

my(或者其他對(duì)象)—>test.prototype–>……..–>object.prototype——>null


發(fā)布手記

熱門(mén)詞條