DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript中對象的定義、使用以及對象和原型鏈操作小結
javascript中對象的定義、使用以及對象和原型鏈操作小結
編輯:關於JavaScript     

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

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

(1)對象的定義:

直接定義:

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

new方式創建:

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取值

本質,將[]裡面的值toString之後取到,比如我們這裡有賦值語句比如:

test[{}]=3;

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

簡而言之,就是test內部的值會調用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,因此可以實現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
}

我們發現最後輸出了my[p]的值為1,2,3,發現遍歷my上的屬性時候,把my對象原型鏈上的屬性也遍歷出來了。

補充:並且這種遍歷是無序的。

(3)特殊賦值

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

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

我們發現,如果對象上的屬性和對象原型上的對象沖突,優先對於對象上屬性進行賦值。

(4)在對象的原型鏈上,所有對象都繼承與object.prototype,除了null,我們可以用以下鏈式來反應:

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

更多關於JavaScript相關內容可查看本站專題:《javascript面向對象入門教程》、《JavaScript中json操作技巧總結》、《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved