DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript中的對象和原型(一)
JavaScript中的對象和原型(一)
編輯:關於JavaScript     

面向對象的語言(如Java)中有類的概念,而通過類可以創建任意多個具有相同屬性和方法的對象。但是,JavaScript 沒有類的概念,因此它的對象也與基於類的語言中的對象有所不同。

  要了解面向對象,首先就要了解Javascript中的對象和原型。這篇文章中主要學習一下Javascript中的對象。

  一 關於對象

  對象其實就是一種引用類型。而對象的值就是引用類型的實例。在JavaScript 中引用類型是一種數據結構,將數據和功能組織在一起。它也常被稱做為類,但JavaScript 中卻沒有類的概念。雖然JavaScript 是一門面向對象的語言,卻不具備傳統面向對象語言所支持的類和接口等基本結構。

  二 對象的創建以及常用操作

  1.使用new運算符

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

  說明:上面的方式中new關鍵字可以省略,即var user = new Object();等價於 var user = Object();

  2.JSON法創建

  關於JSON的一些知識可以百度上搜索下。

  簡單的JSON對象: {name:'念在三角湖畔',age:22,address:'湖北武漢'}

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

  3.傳統賦值方式

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

  4.屬性的調用

  對於對象屬性的調用有兩種方式:

  拿上面的例子來說,上面我們已經用了其中一種方式,也就是'.'運算符,調用方法如下:

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

  另一種方法:

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

  5.給對象添加方法

  給對象添加方法和給變量添加一個屬性其實大同小異。具體代碼如下:

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

  6.刪除對象的屬性

  刪除對象的屬性用delete操作符。格式:delete 對象名稱.屬性名稱

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

  三 總結

  這裡比較淺顯的講述了一下Javascript中對象的創建和對象方法的添加以及對象屬性的刪除。對象在javascript面向對象中是一個比較重要的,也算是一個比較基礎的部分,只有弄清楚了對象的一些常用操作才能夠進行面向對象開發。

以上所述是小編給大家介紹的JavaScript中的對象和原型(一),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!

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