DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS類的定義與使用方法深入探索
JS類的定義與使用方法深入探索
編輯:關於JavaScript     

本文實例分析了JS類的定義與使用方法。分享給大家供大家參考,具體如下:

js可以定義自己的類

很有意思

<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就是一個類,初始化的時候會彈出nihao。

它有兩個方法,一個是start方法,一個是stop方法。

使用的時候直接用'點'來調用。

<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) { // 這個很有作用
 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>

更多關於JavaScript相關內容可查看本站專題:《javascript面向對象入門教程》、《JavaScript中json操作技巧總結》、《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved