快捷導(dǎo)航

javascript 學(xué)習(xí)筆記（八）javascript對(duì)象

更新時(shí)間：2011年04月12日 00:29:23 作者：

昨天看了些有關(guān)javascript對(duì)象方面的文章，以下是自己的一些學(xué)習(xí)心得及體會(huì)，希望同大家共同討論！

1、javascript中的內(nèi)置對(duì)象
javascript中除了本身的內(nèi)置對(duì)象，如以下我們所熟悉的對(duì)象：
•Array
•Date
•Math
•String
•RegExp
•……
各個(gè)對(duì)象都有自己的屬性及方法，比如我們經(jīng)常使用屬性及方法
屬性：stringObject.length; arrayObject.length;……
方法：stringObject.indexOf(); stringObject.splite(); stringObject.substr(); arrayObject.concat(); arrayObject.push(); arrayObject.join();……
2、如何自定義對(duì)象，及添加屬性和方法
a. 通過關(guān)鍵字new創(chuàng)建

復(fù)制代碼代碼如下:

 
var newObject = new Object(); //創(chuàng)建一個(gè)新類 
newObject.name = "new object"; //添加一個(gè)name的屬性 
newObject.say = function() { //添加say()方法 
alert(this.name); //output new object 
} 

對(duì)于以上的創(chuàng)建方法，我們可以利用JSON(JavaScript Object Notation)的方法簡(jiǎn)寫為如下代碼：

復(fù)制代碼代碼如下:

 
var newObject = { 
name: "new object"; 
say: function () { 
alert(this.name); 
} 
}; 

我們利用JSON的數(shù)據(jù)格式創(chuàng)建一個(gè)更為復(fù)雜的對(duì)象

復(fù)制代碼代碼如下:

 
var company = { 
name: "tuanzz", 
product: "groupon", 
address: {province: "Hubei", city: "wuhan"}, 
person:[ 
{name: "zhangchen",age: "23"}, 
{name: "luomi", age: "23"}, 
], 
readme: function() { 
alert("My name is "+this.person[0].name+" and "+this.person[0].age+" years old"); 
} 
}; 
company.readme(); //output My name is zhangchen and 23 years old; 

我們可以看到，用JSON的數(shù)據(jù)格式創(chuàng)建的對(duì)象，代碼不僅看起來十分優(yōu)雅。
JSON的形式就是用大括“{}”號(hào)包括起來的項(xiàng)目列表，每一個(gè)項(xiàng)目間并用逗號(hào)“,”分隔，而項(xiàng)目就是用冒號(hào)“:”分隔的屬性名和屬性值。這是典型的字典表示形式，也再次表明了 JavaScript里的對(duì)象就是字典結(jié)構(gòu)。不管多么復(fù)雜的對(duì)象，都可以被一句JSON代碼來創(chuàng)建并賦值。
b、通過構(gòu)造函數(shù)來創(chuàng)建對(duì)象

復(fù)制代碼代碼如下:

 
function objectFun(name) { 
this.name = name; 
this.say = function() { 
alert(this.name); 
} 
} 
var newObject = new objectFun("zhangchen"); 
newObject.say(); //output zhangchen 

首先新建一個(gè)objectFun()函數(shù)，其中定義了屬性和方法，這里我們可以把objectFun看作一個(gè)類（在javascript中函數(shù)就是對(duì)象），然后通過new實(shí)例化出一個(gè)對(duì)象，newObject對(duì)象中同樣也有了父類中屬性和方法。
我們可以用以下代碼來檢測(cè)函數(shù)確實(shí)是對(duì)象：

復(fù)制代碼代碼如下:

 
//普通函數(shù) 
function say(s) { 
alert(s); 
} 
say("hi"); 
//給函數(shù)對(duì)象賦屬性，函數(shù)就是對(duì)象 
say.test = "it can work?"; 
alert(say.test); //output it can work? 

如何理解以上創(chuàng)建對(duì)象的方法？我們看下面的代碼：

復(fù)制代碼代碼如下:

 
function objectFun(name) { 
this.name = name; 
this.say = function() { 
alert(this.name); 
} 
} 
var newObject = new Object(); //創(chuàng)建一個(gè)空對(duì)象 
objectFun.call(newObject, "zhangchen"); //將newObject作為this參數(shù)調(diào)用objectFun函數(shù) 
newObject.say("zhangchen");//output zhangchen 

首先創(chuàng)建一個(gè)newObject對(duì)象，newObject作為this參數(shù)調(diào)用objectFun函數(shù)。講了這么多，我們完全可以把objectFun作為構(gòu)造函數(shù)來使用。
-------------------------------------------------------------------------------------------------------------------------------------------------
余下內(nèi)容大家可參考李戰(zhàn)寫的悟透JavaScript

您可能感興趣的文章: