Eine ausführliche Untersuchung der Definition und Verwendung von JS-Klassen

Dieser Artikel analysiert die Definition und Verwendung von JS-Klassen anhand von Beispielen. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

js kann seine eigene Klasse definieren

Das ist sehr interessant

<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 ist eine Klasse und Nihao wird während der Initialisierung angezeigt.

Es gibt zwei Methoden, eine ist die Startmethode und die andere ist die Stoppmethode.

Wenn Sie es verwenden, verwenden Sie einfach „Punkt“, um es aufzurufen.

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

Eine andere Definitionsmethode, der gleiche Effekt wie oben.

Der dritte Typ,

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