首頁 > web前端 > js教程 > 主體

JavaScript教程之初識對象

黄舟
發布: 2016-12-22 15:45:17
原創
1151 人瀏覽過

JavaScript 語言是基於物件的(Object-Based ),而不是物件導向的(object-oriented )。之所以說它是一門基於物件的語言,主要是因為它沒有提供象抽象、 繼承、 重載等有關物件導向語言的許多功能。 而是把其它語言所創造的複雜物件統一起來,從而形成一個非常強大的物件系統。

雖然 JavaScript 語言是一門基於物件的, 但它還是具有一些物件導向的基本特徵。 它可以根據需要創建自己的對象, 從而進一步擴大 JavaScript 的應用範圍,增強編寫功能強大的 Web 文件。

物件的基礎知識

1、物件的基本結構

JavaScript 中的物件是由屬性(properties) 和方法(methods)兩個基本的元素的構成的。前者是物件在實施其所需行為的過程中,實現資訊的裝載單位, 從而與變數相關聯; 後者是指物件能夠按照設計者的意圖而被執行, 從而與特定的函數相聯。


2、引用物件的途徑

一個物件要真正被使用,可採用以下幾種方式取得:引用 JavaScript 內部物件、由瀏覽器環境中提供和建立新物件。這就是說一個物件在被引用之前, 這個物件必須存在, 否則引用將毫無意義,而出現錯誤訊息。 從上面我們可以看出 JavaScript 引用物件可透過三種方式取得。要麼創建新的對象,要麼利用現存的對象。


3、有關物件操作語句

JavaScript 不是一純物件導向的語言, 它設有提供物件導向語言的許多功能,因此JavaScript 設計者之所以把它你「 基於物件」 而不是物件導向的語言,在JavaScript 中提供了幾個用於操作物件的語句和關鍵字及運算子。

For...in 語句

格式如下:

For (物件屬性名稱in 已知物件名稱)

說明:1、該語句的功能是用於對已知物件的所有屬性進行操作的控制循環。 它是將一個已知物件的所有屬性重複置給一個變數;而不是使用計數器來實現的。 2.該語句的優點就是無需知道物件中屬性的個數即可進行操作。

with 語句

使用該語句的意思是: 在該語句體內, 任何對變數的引用被認為是這個物件的屬性,以節省一些程式碼。

格式如下:

with object{

...}

所有在 with 語句後的花括號中的語句,都是在後面 object 物件的作用域的。

this 關鍵字

this 是對目前的引用,在JavaScript 由於物件的引用是多層次,多方位的,往往一個物件的引用又需要對另一個物件的引用, 而另一個物件有可能又要引用另一個對象, 這樣有可能造成混亂, 最後自己已不知道現在引用的那一個對象, 為此JavaScript 提供了一個用於將對象指定當前對象的語句this。

New 運算子

雖然在 JavaScript 中物件的功能已經是非常強大的了。 但更強大的是設計人員可以按照需求來創建自己的對象,以滿足某一特定的要求。使用 New 運算子可以建立一個新的物件。其建立物件使用以下格式:

Newobject = new Object(Parameters table);

其中 Newobject 建立的新物件:object 是已經存在的物件; parameters table 參數表;new 是 JavaScript 中的命令語句。


4、物件屬性的參考

物件屬性的引用可由下列三種方式之一實作:

1.使用點(.)運算子

university.Name=「雲南省」 .city=「昆明市」

university.Date="1999"

其中university 是一個已經存在的對象,Name、City、Date 是它的三個屬性,並透過操作對其賦值。

2.透過物件的下標實現引用

university[0]=「雲南」

university[1]=「昆明市」

university[2]="1999"

透過數組形式的存取屬性,可以使用循環操作來取得其值。

3.通過字符串的形式實現

university["Name"]=“雲南”

university["City"]=“昆明市”

university["Date"]="1999"


5、物件的方法的參考

在JavaScript 中物件方法的參考是非常簡單的。

格式:ObjectName.methods()

實際上 methods()=FunctionName 方法實質上是一個函數。 如引用university物件中的showmy()方法,則可使用:

document.write (university.showmy()) 或document.write(university)

 以上就是JavaScript教學之初識物件的內容,更相關內容請關注PHP中文網(www.php.cn)!


來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!