Rumah hujung hadapan web tutorial js JavaScript教程之自定义对象

JavaScript教程之自定义对象

Dec 22, 2016 pm 03:40 PM

使用 JavaScript 可以创建自己的对象。虽然 JavaScript 内部和浏览器本身的功能已十分强大, 但 JavaScript 还是提供了创建一个新对象的方法。使其不必像超文本标识语言那样,求于或其它多媒体工具,就能完成许多复杂的工作。

在 JavaScript 中创建一个新的对象是十分简单的。首先它必须定义一个对象, 而后再为该对象创建一个实例。 这个实例就是一个新对象, 它具有对象定义中的基本特征。

对象的定义

JavaScript 对象的定义,其基本格式如下:

Function Object(属性表)

This.prop1=prop1

This.prop2=prop2

...

This.meth=FunctionName1;

This.meth=FunctionName2;

...

在一个对象的定义中, 可以为该对象指明其属性和方法。 通过属性和方法构成了一个对象的实例。如以下是一个关于 University 对象的定义:

Function university(name,city,creatDate URL)

This.name=name

This.city=city

This.creatDate=New Date(creatDate)

This.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);

This.URL=URL;

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)!


Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Tag artikel panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Ganti aksara rentetan dalam javascript Ganti aksara rentetan dalam javascript Mar 11, 2025 am 12:07 AM

Ganti aksara rentetan dalam javascript

Tutorial Persediaan API Carian Google Custom Tutorial Persediaan API Carian Google Custom Mar 04, 2025 am 01:06 AM

Tutorial Persediaan API Carian Google Custom

Contoh warna json fail Contoh warna json fail Mar 03, 2025 am 12:35 AM

Contoh warna json fail

Bina Aplikasi Web Ajax anda sendiri Bina Aplikasi Web Ajax anda sendiri Mar 09, 2025 am 12:11 AM

Bina Aplikasi Web Ajax anda sendiri

8 plugin susun atur halaman jquery yang menakjubkan 8 plugin susun atur halaman jquery yang menakjubkan Mar 06, 2025 am 12:48 AM

8 plugin susun atur halaman jquery yang menakjubkan

Apa itu ' ini ' Dalam JavaScript? Apa itu ' ini ' Dalam JavaScript? Mar 04, 2025 am 01:15 AM

Apa itu ' ini ' Dalam JavaScript?

Tingkatkan pengetahuan jQuery anda dengan penonton sumber Tingkatkan pengetahuan jQuery anda dengan penonton sumber Mar 05, 2025 am 12:54 AM

Tingkatkan pengetahuan jQuery anda dengan penonton sumber

10 helaian cheat mudah alih untuk pembangunan mudah alih 10 helaian cheat mudah alih untuk pembangunan mudah alih Mar 05, 2025 am 12:43 AM

10 helaian cheat mudah alih untuk pembangunan mudah alih

See all articles