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)文章
js中Number數(shù)字?jǐn)?shù)值運(yùn)算后值不對(duì)的解決方法
下面小編就為大家?guī)硪黄猨s中Number數(shù)字?jǐn)?shù)值運(yùn)算后值不對(duì)的解決方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02
JavaScript 類型轉(zhuǎn)換的詳細(xì)實(shí)現(xiàn)
本文主要介紹了JavaScript 類型轉(zhuǎn)換的詳細(xì)實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
js入門之Function函數(shù)的使用方法【新手必看】
本篇文章主要介紹js Function函數(shù)的使用方法，應(yīng)該對(duì)初學(xué)Js的朋友們會(huì)有所幫助,下面就隨小編一起來看下吧2016-11-11
書簽小工具（Bookmarklets）是一個(gè)非常棒的javascript代碼小片斷偽裝成的小應(yīng)用，它駐留在你的瀏覽器里并為網(wǎng)頁提供額外的功能。這里我們將研究如何從頭開始創(chuàng)建一個(gè)書簽小工具及一些最佳實(shí)踐的建議。2011-02-02
這篇文章主要介紹了微信小程序自定義可搜索的picker組件,主要包括自定義可搜索的picker組件的代碼以及調(diào)用實(shí)例，這里的搜索框使用的是vant微信小程序組件庫，picker使用的微信小程序的原生組件，需要的朋友可以參考下2023-01-01
JS script腳本中async和defer區(qū)別詳解
這篇文章主要介紹了JS script腳本中async和defer區(qū)別詳解,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-06-06
JavaScript進(jìn)階教程之函數(shù)的定義、調(diào)用及this指向問題詳解
這篇文章主要給大家介紹了關(guān)于JavaScript進(jìn)階教程之函數(shù)的定義、調(diào)用及this指向問題的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-09-09
BootStrap智能表單實(shí)戰(zhàn)系列(八)表單配置json詳解
這篇文章主要介紹了BootStrap智能表單實(shí)戰(zhàn)系列(八)表單配置json詳解的相關(guān)資料,本章節(jié)屬于高級(jí)部分，介紹一些表單中的配置知識(shí)，非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
這篇文章主要給大家介紹了關(guān)于uniapp藍(lán)牙連接的通用步驟,文中通過實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2023-06-06
這篇文章主要為大家詳細(xì)介紹了js如何驗(yàn)證密碼強(qiáng)度，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03