JavaScript定義類和對(duì)象的方法
更新時(shí)間：2014年11月26日 15:38:09 投稿：shichen2014
這篇文章主要介紹了JavaScript定義類和對(duì)象的方法,分別以函數(shù)方式與Object類方式實(shí)現(xiàn),是javascript非常重要的技巧,需要的朋友可以參考下
本文實(shí)例講述了JavaScript定義類和對(duì)象的方法。分享給大家供大家參考。具體方法如下：
在JS中，類和對(duì)象有多種不同的寫法，因?yàn)楸救藢?duì)JS也不怎么熟，所以就本人的理解來寫，如果哪位朋友發(fā)現(xiàn)有不對(duì)，請(qǐng)告之，共同學(xué)習(xí)．
JS定義一個(gè)類有兩種定法（我只知道這兩種）：
1. 定義函數(shù)的方式：
定義：
復(fù)制代碼 代碼如下:
function classA(a)
{
this.aaa=a; //添加一個(gè)屬性
this.methodA=function(ppp) //添加一個(gè)方法
{
alert(ppp);
}
}
classA.prototype.color = "red"; //用prototype方法添加對(duì)象的屬性,此方法也適用于類的實(shí)例(對(duì)象)
classA.prototype.tellColor = function() //用prototype方法添加對(duì)象的方法,此方法也適用于類的實(shí)例(對(duì)象)
{
return "color of "+this.name+" is "+this.color;
}
{
this.aaa=a; //添加一個(gè)屬性
this.methodA=function(ppp) //添加一個(gè)方法
{
alert(ppp);
}
}
classA.prototype.color = "red"; //用prototype方法添加對(duì)象的屬性,此方法也適用于類的實(shí)例(對(duì)象)
classA.prototype.tellColor = function() //用prototype方法添加對(duì)象的方法,此方法也適用于類的實(shí)例(對(duì)象)
{
return "color of "+this.name+" is "+this.color;
}
使用方法:
復(fù)制代碼 代碼如下:
var oClassA=new classA('This is a class example!'); //實(shí)例化類
var temp=oClassA.aaa; //使用屬性aaa
oClassA.methodA(temp); //使用方法methodA
var temp=oClassA.aaa; //使用屬性aaa
oClassA.methodA(temp); //使用方法methodA
2. 先實(shí)例化Object類的方式
定義：
復(fù)制代碼 代碼如下:
var oClassA=new Object(); //先實(shí)例化基礎(chǔ)類Object
oClassA.aaa='This is a class example!'; //添加一個(gè)屬性
oClassA.methodA=function(ppp) //添加一個(gè)方法
{
alert(ppp);
}
oclassA.prototype.color = "red"; //用prototype方法添加對(duì)象的屬性
oclassA.prototype.tellColor = function() //用prototype方法添加對(duì)象的方法
{
return "color of "+this.name+" is "+this.color;
}
oClassA.aaa='This is a class example!'; //添加一個(gè)屬性
oClassA.methodA=function(ppp) //添加一個(gè)方法
{
alert(ppp);
}
oclassA.prototype.color = "red"; //用prototype方法添加對(duì)象的屬性
oclassA.prototype.tellColor = function() //用prototype方法添加對(duì)象的方法
{
return "color of "+this.name+" is "+this.color;
}
使用方法：
可以直接拿oClassA來用，如：
復(fù)制代碼 代碼如下:
var temp=oClassA.aaa; //使用屬性aaa
oClassA.methodA(temp); //使用方法methodA
oClassA.methodA(temp); //使用方法methodA
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
JavaScript實(shí)現(xiàn)事件的中斷傳播和行為阻止方法示例
這篇文章主要給大家介紹了利用JavaScript實(shí)現(xiàn)事件的中斷傳播和行為阻止的方法示例，文中給出了詳細(xì)的介紹和示例代碼，相信對(duì)大家的理解和學(xué)習(xí)具有一定的參考借鑒價(jià)值，需要的朋友們下面來一起看看吧。2017-01-01
bootstrap weebox 支持ajax的模態(tài)彈出框
本篇介紹的bootstrap weebox（支持ajax的模態(tài)彈出框），歷經(jīng)多次修改，目前版本已經(jīng)穩(wěn)定，整合了bootstrap的響應(yīng)式，界面簡(jiǎn)單，功能卻無比豐富，支持ajax、圖片預(yù)覽等等2017-02-02
JavaScript實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)菜單效果
這篇文章主要為大家詳細(xì)介紹了三級(jí)聯(lián)動(dòng)菜單效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
Javascript 浮點(diǎn)運(yùn)算的問題分析與解決方法
JavaScript 只有一種數(shù)字類型 Number ，而且在Javascript中所有的數(shù)字都是以IEEE-754標(biāo)準(zhǔn)格式表示的。 浮點(diǎn)數(shù)的精度問題不是JavaScript特有的，因?yàn)橛行┬?shù)以二進(jìn)制表示位數(shù)是無窮的2013-08-08
JS+CSS實(shí)現(xiàn)的藍(lán)色table選項(xiàng)卡效果
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)的藍(lán)色table選項(xiàng)卡效果,通過鼠標(biāo)事件調(diào)用自定義函數(shù)實(shí)現(xiàn)頁面元素樣式的遍歷與動(dòng)態(tài)切換效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
js+css繪制顏色動(dòng)態(tài)變化的圈中圈效果
這篇文章主要介紹了js+css繪制顏色動(dòng)態(tài)變化的圈中圈效果,涉及JavaScript結(jié)合時(shí)間函數(shù)動(dòng)態(tài)操作頁面元素樣式的相關(guān)技巧,需要的朋友可以參考下2016-01-01
微信小程序顯示倒計(jì)時(shí)功能示例【測(cè)試可用】
這篇文章主要介紹了微信小程序顯示倒計(jì)時(shí)功能,結(jié)合實(shí)例形式分析了微信小程序針對(duì)給定時(shí)間的倒計(jì)時(shí)功能相關(guān)界面顯示與邏輯運(yùn)算操作技巧,需要的朋友可以參考下2018-12-12
webpack構(gòu)建vue項(xiàng)目的詳細(xì)教程（配置篇）
本篇文章主要介紹了webpack構(gòu)建vue項(xiàng)目的詳細(xì)教程（配置篇），小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
下面小編就為大家?guī)硪黄?jiǎn)單談?wù)刯s的數(shù)據(jù)類型。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
JavaScript中的定時(shí)器之Item23的合理使用
window對(duì)象提供了兩個(gè)方法來實(shí)現(xiàn)定時(shí)器的效果，分別是window.setTimeout()和window.setInterval。其中前者可以使一段代碼在指定時(shí)間后運(yùn)行；而后者則可以使一段代碼每過指定時(shí)間就運(yùn)行一次2015-10-10