JS類(lèi)的定義與使用方法深入探索

更新時(shí)間：2016年11月26日 10:35:32 作者：牛逼的霍嘯林

這篇文章主要介紹了JS類(lèi)的定義與使用方法,結(jié)合實(shí)例形式深入分析了javascript類(lèi)的定義與屬性、方法的調(diào)用技巧,需要的朋友可以參考下

本文實(shí)例分析了JS類(lèi)的定義與使用方法。分享給大家供大家參考，具體如下：

js可以定義自己的類(lèi)

很有意思

<script type="text/javascript">
var Anim = function() {
  alert('nihao');
};
Anim.prototype.start = function() {
  alert('start');
};
Anim.prototype.stop = function() {
   alert('stop');
};
var myAnim = new Anim();
myAnim.start();
myAnim.stop();
</script>

Anim就是一個(gè)類(lèi)，初始化的時(shí)候會(huì)彈出nihao。

它有兩個(gè)方法，一個(gè)是start方法，一個(gè)是stop方法。

使用的時(shí)候直接用'點(diǎn)'來(lái)調(diào)用。

<script type="text/javascript">
var Anim = function() {
  alert('nihao');
};
Anim.prototype = {
 start: function() {
  alert('start');
 },
 stop: function() {
  alert('stop');
 }
};
var myAnim = new Anim();
myAnim.start();
myAnim.stop();
</script>

另一種定義方式，同上面一樣的效果。

第三種，

<script type="text/javascript">
var Anim = function() {
  alert('nihao');
};
Function.prototype.method = function(name, fn) { // 這個(gè)很有作用
 this.prototype[name] = fn;
};
Anim.method('start', function() {
 alert('start');
});
Anim.method('stop', function() {
 alert('stop');
});
var myAnim = new Anim();
myAnim.start();
myAnim.stop();
</script>

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

Swiper實(shí)現(xiàn)輪播圖效果
這篇文章主要為大家詳細(xì)介紹了Swiper實(shí)現(xiàn)輪播圖效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-07-07
微信小程序自定義導(dǎo)航欄實(shí)例代碼
這篇文章主要給大家介紹了關(guān)于微信小程序自定義導(dǎo)航欄的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用微信小程序具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
JS正則表達(dá)式替換字符串replace()方法實(shí)例代碼
正則表達(dá)式是用于匹配字符串中字符組合的模式,在js中正則表達(dá)式是對(duì)象,這篇文章主要給大家介紹了關(guān)于JS正則表達(dá)式替換字符串replace()方法的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-07-07
JS實(shí)現(xiàn)根據(jù)出生年月計(jì)算年齡
本篇文章主要是對(duì)利用JS實(shí)現(xiàn)根據(jù)出生年月計(jì)算年齡的示例代碼進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2014-01-01
微信小程序?qū)崿F(xiàn)彈出層效果
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)常見(jiàn)彈出層效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-11-11
js chrome瀏覽器判斷代碼
今天發(fā)現(xiàn)chrome還是有一些獨(dú)一無(wú)二的東西，基于它們，我們就可以搞出基于特征的判定了。
2010-03-03
JavaScript實(shí)現(xiàn)多叉樹(shù)的遞歸遍歷和非遞歸遍歷算法操作示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)多叉樹(shù)的遞歸遍歷和非遞歸遍歷算法,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript多叉樹(shù)針對(duì)json節(jié)點(diǎn)的遞歸與非遞歸遍歷相關(guān)操作技巧,需要的朋友可以參考下
2018-02-02
javascript去除字符串中所有標(biāo)點(diǎn)符號(hào)和提取純文本的正則
這篇文章主要介紹了javascript去除字符串中所有標(biāo)點(diǎn)符號(hào)和提取純文本的正則,需要的朋友可以參考下
2014-06-06
js實(shí)現(xiàn)網(wǎng)頁(yè)收藏功能
這篇文章主要介紹了js實(shí)現(xiàn)動(dòng)態(tài)添加或刪除網(wǎng)址功能，以及js實(shí)現(xiàn)網(wǎng)頁(yè)收藏功能，感興趣的小伙伴們可以參考一下
2015-12-12
小程序自定義輪播圖圓點(diǎn)組件
這篇文章主要為大家詳細(xì)介紹了小程序自定義輪播圖圓點(diǎn)組件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-06-06