var Anim = function() { alert('nihao'); }; Anim.prototype.start = function() { alert('start'); } ;"/> var Anim = function() { alert('nihao'); }; Anim.prototype.start = function() { alert('start'); } ;">

首頁 >web前端 >js教程 >javascript類別的定義與屬性、方法的呼叫技巧實例詳解

javascript類別的定義與屬性、方法的呼叫技巧實例詳解

伊谢尔伦
伊谢尔伦原創
2017-07-27 13:39:581678瀏覽

js可以定義自己的類別


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

Anim就是一個類,初始化的時候會彈出nihao。

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

使用的時候直接用'點'來呼叫。


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

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


<script type="text/javascript">
var Anim = function() {
  alert(&#39;nihao&#39;);
};
Function.prototype.method = function(name, fn) { // 这个很有作用
 this.prototype[name] = fn;
};
Anim.method(&#39;start&#39;, function() {
 alert(&#39;start&#39;);
});
Anim.method(&#39;stop&#39;, function() {
 alert(&#39;stop&#39;);
});
var myAnim = new Anim();
myAnim.start();
myAnim.stop();
</script>

以上是javascript類別的定義與屬性、方法的呼叫技巧實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn