JS クラスの定義と使用法の詳細な調査

この記事の例では、JS クラスの定義と使用法を分析します。参考のために皆さんと共有してください。詳細は次のとおりです。

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 がポップアップします。

2 つのメソッドがあり、1 つは開始メソッド、もう 1 つは停止メソッドです。

使用するときは、「ドット」を使用して呼び出してください。

<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>

別の定義方法で、上記と同じ効果があります。

3 番目のタイプ、

<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>