首頁  >  文章  >  web前端  >  JavaScript教程之自訂對象

JavaScript教程之自訂對象

黄舟
黄舟原創
2016-12-22 15:40:421370瀏覽

使用 JavaScript 可以建立自己的物件。雖然 JavaScript 內部和瀏覽器本身的功能已十分強大, 但 JavaScript 還是提供了建立新物件的方法。使其不必像超文本標識語言那樣,求於或其它多媒體工具,就能完成許多複雜的工作。

在 JavaScript 中建立一個新的物件是十分簡單的。首先它必須定義一個對象, 而後再為該對象建立一個實例。 這個實例就是一個新對象, 它具有對象定義中的基本特徵。

物件的定義

JavaScript 物件的定義,其基本格式如下:

Function Object(屬性表)

This.prop1=prop1

This.prop2=prop25. FunctionName1;

This.meth=FunctionName2;

...

在一個物件的定義中, 可以為該物件指明其屬性和方法。 透過屬性和方法構成了一個物件的實例。如以下是University 物件的定義:

Function university(name,city,creatDate URL)

This.name=name

This.city=city

This.creatDate=New DateDate=New DateDate) .URL=URL

其基本意義如下:

Name-指定一個「單位」名稱。

City -「 單位」 所在城市。

CreatDate-記載 university 物件的更新日期。

URL -該物件指向一個網址。

建立物件實例

一旦物件定義完成後,就可以為該物件建立一個實例了:


NewObject=New object();

其中Newobjet 是新的對象,Object 已經定義好的對象。例:

U = New university("江蘇省", "南京市",  "January 05,2014 12:00:00", "http://www.51ebk.com")

物件方法的使用


在物件中除了使用屬性外,有時還需要使用方法。在物件的定義中,我們看到This.meth=FunctionName 語句,那就是定義物件的方法。實質物件的方法就是一個函數 FunctionName,透過它來實現自己的意圖。

例在 university 物件中增加一個方法,該方法是顯示它自己本身,並傳回對應的字串。

function university(name,city,createDate,URL)

This.Name=Name;

This.city=city;

This.createDate=New Date(creatDate=city;

This.createDate=New Date(creatDate);

This.showuniversity=showuniversity;

其中This.showuniversity 就是定義了一個方法---showuniversity()。而 showuniversity()方法是實作 university 物件本身的顯示。

function showuniversity()

For (var prop in this)

alert(prop+="+this[prop]+"");

其中alert 是JavaScript 中的內部函數,顯示其字串。以上就是JavaScript教學自訂物件的內容,更多相關內容請關注PHP中文網(www.php.cn)!
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn