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