JavaScript使用prototype定義對象類型(轉(zhuǎn))[
更新時間:2006年12月22日 00:00:00 作者:
From: JavaEye.com
prototype提供了一套JavaScript面向?qū)ο蠡A(chǔ)設(shè)施,我們可以使用它來進(jìn)行面向?qū)ο缶幊蹋x對象類型方式如下:
先使用Class.create()來創(chuàng)建一個對象類型,然后定義該對象類型,注意initialize方法是Person的構(gòu)造器,完整的HTML如下:
prototype提供了一套JavaScript面向?qū)ο蠡A(chǔ)設(shè)施,我們可以使用它來進(jìn)行面向?qū)ο缶幊蹋x對象類型方式如下:
var Person = Class.create();
Person.prototype = {
initialize : function(name, age) {
this.name = name;
this.age = age;
},
toString : function() {
document.writeln("[name]:"+this.name+"<br>"+"[age]:"+this.age);
}
}
Person.prototype = {
initialize : function(name, age) {
this.name = name;
this.age = age;
},
toString : function() {
document.writeln("[name]:"+this.name+"<br>"+"[age]:"+this.age);
}
}
先使用Class.create()來創(chuàng)建一個對象類型,然后定義該對象類型,注意initialize方法是Person的構(gòu)造器,完整的HTML如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test Object</title>
<script type="text/javascript" src="prototype.js"></script>
</head>
<body>
<script type="text/javascript">
var Person = Class.create();
Person.prototype = {
initialize : function(name, age) {
this.name = name;
this.age = age;
},
toString : function() {
document.writeln("[name]:"+this.name+"<br>"+"[age]:"+this.age);
}
}
var person = new Person("robbin",30);
person.toString();
</script>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test Object</title>
<script type="text/javascript" src="prototype.js"></script>
</head>
<body>
<script type="text/javascript">
var Person = Class.create();
Person.prototype = {
initialize : function(name, age) {
this.name = name;
this.age = age;
},
toString : function() {
document.writeln("[name]:"+this.name+"<br>"+"[age]:"+this.age);
}
}
var person = new Person("robbin",30);
person.toString();
</script>
</body>
</html>
您可能感興趣的文章:
- 判斷js中各種數(shù)據(jù)的類型方法之typeof與0bject.prototype.toString講解
- js類定義函數(shù)時用prototype與不用的區(qū)別示例介紹
- JavaScript使用prototype定義對象類型
- JavaScript類和繼承 prototype屬性
- JavaScript子類用Object.getPrototypeOf去調(diào)用父類方法解析
- javascript基于prototype實現(xiàn)類似OOP繼承的方法
- JS偽繼承prototype實現(xiàn)方法示例
- 淺談js構(gòu)造函數(shù)的方法與原型prototype
- js實現(xiàn)prototype擴(kuò)展的方法(字符串,日期,數(shù)組擴(kuò)展)
- Javascript中prototype屬性實現(xiàn)給內(nèi)置對象添加新的方法
- JS利用prototype給類添加方法操作詳解
相關(guān)文章
深入學(xué)習(xí)JavaScript執(zhí)行上下文
這篇文章主要介紹了深入學(xué)習(xí)JavaScript執(zhí)行上下文,文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價值,需要的朋友可以參考一下,希望對你的學(xué)習(xí)有所幫助2022-08-08
利用JavaScript中的高階函數(shù)和閉包實現(xiàn)命令模式
命令模式提供了一種優(yōu)雅的解決方案,使得我們能夠靈活地封裝和管理代碼操作,所以本文將為大家介紹命令模式的概念、應(yīng)用場景以及在JavaScript中的實現(xiàn)方式,需要的可以參考一下2023-06-06
JavaScript實現(xiàn)煙花特效(面向?qū)ο?
這篇文章主要為大家詳細(xì)介紹了JavaScript使用面向?qū)ο缶幊虒崿F(xiàn)煙花特效,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-08-08
20170918 前端開發(fā)周報之JS前端開發(fā)必看
本文給大家分享了最新版js 前端開發(fā)周報,內(nèi)容非常不錯,具有參考借鑒價值,需要的朋友參考下吧2017-09-09
JavaScript模擬實現(xiàn)"雙11"限時秒殺效果
每年的“雙11”啊,都是大家的剁手節(jié)。大家都在晚上12點,捧著手機(jī)看著倒計時,在他倒數(shù)到0的時候瘋狂點擊下單。可是你有沒想過限時秒殺是怎么實現(xiàn)的呢?本文將為你揭秘如何用JavaScript實現(xiàn)限時秒殺,快來了解一下吧2022-03-03
javascript 實現(xiàn)雙擊才能打開鏈接的方法
javascript 實現(xiàn)雙擊才能打開鏈接的方法...2007-08-08
javaScript實現(xiàn)鼠標(biāo)在文字上懸浮時彈出懸浮層效果
這篇文章主要為大家詳細(xì)介紹了javaScript實現(xiàn)鼠標(biāo)在文字上懸浮時彈出懸浮層效果的方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-03-03

