面向?qū)ο蟮恼Z(yǔ)言（如Java）中有類(lèi)的概念，而通過(guò)類(lèi)可以創(chuàng)建任意多個(gè)具有相同屬性和方法的對(duì)象。但是，JavaScript 沒(méi)有類(lèi)的概念，因此它的對(duì)象也與基于類(lèi)的語(yǔ)言中的對(duì)象有所不同。

　　要了解面向?qū)ο?，首先就要了解Javascript中的對(duì)象和原型。這篇文章中主要學(xué)習(xí)一下Javascript中的對(duì)象。

　　一 關(guān)于對(duì)象

　　對(duì)象其實(shí)就是一種引用類(lèi)型。而對(duì)象的值就是引用類(lèi)型的實(shí)例。在JavaScript 中引用類(lèi)型是一種數(shù)據(jù)結(jié)構(gòu)，將數(shù)據(jù)和功能組織在一起。它也常被稱(chēng)做為類(lèi)，但JavaScript 中卻沒(méi)有類(lèi)的概念。雖然JavaScript 是一門(mén)面向?qū)ο蟮恼Z(yǔ)言，卻不具備傳統(tǒng)面向?qū)ο笳Z(yǔ)言所支持的類(lèi)和接口等基本結(jié)構(gòu)。

　　二 對(duì)象的創(chuàng)建以及常用操作

　　1.使用new運(yùn)算符

<script>
var user = new Object(); //使用new運(yùn)算符創(chuàng)建一個(gè)對(duì)象
user.name = '念在三角湖畔'; //給對(duì)象添加屬性
user.age = 22;
user.address = '湖北武漢';
alert(user.name + " " +user.age);//返回 '念在三角湖畔 湖北武漢'
</script> 

　　說(shuō)明：上面的方式中new關(guān)鍵字可以省略，即var user = new Object();等價(jià)于 var user = Object();

　　2.JSON法創(chuàng)建

　　關(guān)于JSON的一些知識(shí)可以百度上搜索下。

　　簡(jiǎn)單的JSON對(duì)象: {name:'念在三角湖畔',age:22,address:'湖北武漢'}

//使用JSON法創(chuàng)建
/*
簡(jiǎn)單的JSON對(duì)象:{name:'念在三角湖畔',age:22,address:'湖北武漢'}
*/
var user = {
name:'念在三角湖畔',
age:22,
address:'湖北武漢' 
};
alert(user.name + " " +user.age);//返回 '念在三角湖畔 湖北武漢' 

　　3.傳統(tǒng)賦值方式

//傳統(tǒng)賦值
var user = {};
user.name = '念在三角湖畔'; //給對(duì)象添加屬性
user.age = 22;
user.address = '湖北武漢';
alert(user.name + " " +user.age);//返回 '念在三角湖畔 湖北武漢'

　　4.屬性的調(diào)用

　　對(duì)于對(duì)象屬性的調(diào)用有兩種方式：

　　拿上面的例子來(lái)說(shuō)，上面我們已經(jīng)用了其中一種方式，也就是'.'運(yùn)算符，調(diào)用方法如下：

alert(user.name + " " +user.age);//返回 '念在三角湖畔 湖北武漢' 

　　另一種方法：

alert(user['name'] + " " +user['age']);//返回 '念在三角湖畔 湖北武漢 

　　5.給對(duì)象添加方法

　　給對(duì)象添加方法和給變量添加一個(gè)屬性其實(shí)大同小異。具體代碼如下：

var user = {
name:'念在三角湖畔', //給對(duì)象添加屬性
age:22,
address:'湖北武漢',
showInfo:function(){//添加一個(gè)方法
alert(this.name+" "+this.age+" "+this.address);//返回 '念在三角湖畔 22 湖北武漢' 
},
showHello:showHello//將對(duì)象外部的方法添加到對(duì)象
};
function showHello(){
alert("Hello!"); 
}
user.showInfo();//調(diào)用方法
user.showHello(); 

　　6.刪除對(duì)象的屬性

　　刪除對(duì)象的屬性用delete操作符。格式：delete 對(duì)象名稱(chēng).屬性名稱(chēng)

var user = {
name:'念在三角湖畔', //給對(duì)象添加屬性
age:22,
address:'湖北武漢'
};
alert(user.name);//返回‘念在三角湖畔'
delete user.name;//刪除user的name屬性
alert(user.name);//返回‘undefined' 

　　三 總結(jié)

　　這里比較淺顯的講述了一下Javascript中對(duì)象的創(chuàng)建和對(duì)象方法的添加以及對(duì)象屬性的刪除。對(duì)象在javascript面向?qū)ο笾惺且粋€(gè)比較重要的，也算是一個(gè)比較基礎(chǔ)的部分，只有弄清楚了對(duì)象的一些常用操作才能夠進(jìn)行面向?qū)ο箝_(kāi)發(fā)。

以上所述是小編給大家介紹的JavaScript中的對(duì)象和原型(一)，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

最新評(píng)論