腳本之家服務器常用軟件

快捷導航

javascript中對象的定義、使用以及對象和原型鏈操作小結

更新時間：2016年12月14日 11:25:39 作者：小小小小小亮

這篇文章主要介紹了javascript中對象的定義、使用以及對象和原型鏈操作,結合實例形式總結分析了javascript對象操作的常用技巧,需要的朋友可以參考下

本文實例總結了javascript中對象的定義、使用以及對象和原型鏈操作。分享給大家供大家參考，具體如下：

1. 除了5種基本類型外，JS中剩下的就是對象

（1）對象的定義：

直接定義：

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

new方式創(chuàng)建：

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

Object.create方式：

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

（2）對象上的賦值與取值

舉例：

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

方法一：可以通過test['x']取值

方法二：可以通過test.x取值

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

test[{}]=3;

可以通過test[{z:1}]取到值3，若為5大基本類型，則要通過相同值取。

簡而言之，就是test內(nèi)部的值會調(diào)用toString方法后存儲。

2.對象與原型鏈

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

JS是基于原型鏈集成的，并且對象上可以訪問到原型鏈上對象的屬性和方法。

舉例：

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，因此可以實現(xiàn)object.prototype中的方法，比如

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

（2）原型鏈對于對象遍歷的影響

我們上述定義了一個對象my,如果對對象使用for in遍歷，那么會有

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

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

補充：并且這種遍歷是無序的。

（3）特殊賦值

針對上述例子，如果我們對my對象進行賦值，

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

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

（4）在對象的原型鏈上，所有對象都繼承與object.prototype，除了null，我們可以用以下鏈式來反應：

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

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

您可能感興趣的文章:

欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript中對象的定義、使用以及對象和原型鏈操作小結

相關文章

最新評論

大家感興趣的內(nèi)容

最近更新的內(nèi)容

常用在線小工具